css两个form不换行，两个div并排代码

时间：2023-02-09 07:44:28

1.form不换行通过table布局实现

<table>

 <tr>

  <td>

   <form method="get" action="left.cgi" name="WEBCAM-TEST"><input type=image src="data:images/left.jpg"/></form>

  </td>

  <td>

   <form method="get" action="pause.cgi" name="WEBCAM-TEST"><input type=image src="data:images/pause.jpg" /></form>

  </td>

 </tr>

</table>

2.form不换行通过css实现

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

form{margin:0px; display:inline}

</style>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

  <label>aaa

  <input type="text" name="textfield" />

  </label>

</form>

<form id="form2" name="form2" method="post" action="">

  <label>

  <input type="checkbox" name="checkbox" value="checkbox" />

  aaa</label>

</form>

</body>

</html>

form{margin:0px; display:inline}

3.两个div并排

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>css两个div并排</title>

<style type="text/css">

<!--

.onediv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#FF0000}

.twodiv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#99CC00}

-->

</style>

</head>

<body><div class="onediv">左</div><div class="twodiv">右</div>

</body>

</html>

css两个form不换行，两个div并排代码的更多相关文章

  1. 关于模板该不该用css强制编辑器文本开头空两格

    关于模板该不该用css强制编辑器文本开头空两格这个问题,我很早之前就想说了,写惯了qq日志的童鞋都知道,qq空间的编辑器没有任何css控制,行头空两格是由用户自己控制,我写起日志又像流水账,长长的一篇 ...

  2. C&num;中两个Form窗口之间的传值（父-&gt&semi;子）（子-&gt&semi;父）

    //首先定义两个Form,一个为Form1,一个为Form2,其中Form1作为父窗口,Form2作为子窗口 //1.父窗口传值给子窗口 //Form1中代码: public Form1() { In ...

  3. egg&period;js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名

    egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名 评论:10 · 阅读:8437· 喜欢:0 一.需求 二.CSRF 校验 三.通过 form 表单上传文件 四.通过 ...

  4. CSS &plus; ul li 横向排列的两种方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. css中class后面跟两个类，这两个类用空格隔开

    css中class后面跟两个类,这两个类用空格隔开,那么这两个类对这个元素都起作用,如果产生冲突,那么后面的类将替代前面的类.

  6. form提供的两种数据传输方式 get和post method&equals;”post&OpenCurlyDoubleQuote;和method&equals;”get”

    虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. ...

  7. div&plus;css&colon;两个div并排等高 &lpar;table-cell&rpar;

    两个div并排等高 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &lt ...

  8. NO&period;14 两个div并排，左边为绝对宽度，右边为相对宽度

    两个div并排,左边为绝对宽度,右边为相对宽度,这个问题,我也经常遇到,我一般的处理方法是将最大的容器padding-left固定宽度,左边的固定宽度的一块position:absolute,然后ri ...

  9. 让两个Div并排显示

    一.使用display的inline属性 <div style="width:300px; height:auto; float:left; display:inline"& ...

随机推荐

  1. XiangBai——【AAAI2017】TextBoxes&lowbar;A Fast Text Detector with a Single Deep Neural Network

    XiangBai--[AAAI2017]TextBoxes:A Fast Text Detector with a Single Deep Neural Network 目录 作者和相关链接 方法概括 ...

  2. 利用spring boot创建java app

    利用spring boot创建java app 背景 在使用spring框架开发的过程中,随着功能以及业务逻辑的日益复杂,应用伴随着大量的XML配置和复杂的bean依赖关系,特别是在使用mvc的时候各 ...

  3. SVN 服务启动报错 0x8007042a

    服务器环境:Windows Server 2008 R2 企业版,Visual SVNServer 2.6.5 不能签出代码,发现svn服务关闭,手动启动报错: 事件查看器: Error: no li ...

  4. 9&&num;215&semi;9扫雷游戏代码-C写的

    #include <stdio.h> #include <stdlib.h> //画棋盘 a雷表 b周围雷数表 c打开表 ][],][],][]) { ,j=; ;i<; ...

  5. 【Apache运维基础&lpar;3&rpar;】虚拟主机配置说明

    建议在主配置文件中增加一句 Include conf/vhosts/*.conf 然后就在vhosts目录下添加虚拟主机配置文件 在配置前打开NameVirtualHost *:80注释,注意此处要与 ...

  6. print neatly 整齐打印 算法导论

    作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4098562.html 题目链接:print neatly 整齐打印 算法导论 考虑在一个打印 ...

  7. 用NGUI做一个计时条！

    1.建立两个UISprite. 2.建立脚本CountingTime 3.编写脚本 public class CountTime : MonoBehaviour { //时间计时器 public fl ...

  8. 尚未配置为Web项目&period;指定的本地IIS URL http&colon;&sol;&sol;localhsst&sol;&period;&period;要打开项目，需要配置虚拟目录 。是否立即创建虚拟目录 解决

    1.编辑.csproj文件 2.修改 UseIIS节点改为false,再次打开程序即可

  9. 单例模式的优化之路（java）

    1.概述 最近在优化公司以前老项目的代码时,发现有些类的代码频繁地创建和销毁对象,资源消耗比较严重.针对这些做了一些优化,改用单例模式,避免频繁的创建和销毁对象,说起单例模式,相信每个人都会写,接下来 ...

  10. &&num;31227&semi;&&num;21160&semi;&&num;31471&semi;&&num;19978&semi;&&num;19979&semi;&&num;28369&semi;&&num;21160&semi;&&num;20107&semi;&&num;20214&semi;&&num;20043&semi;--&&num;22353&semi;&&num;29241&semi;&&num;30340&semi;touch&period;js

    下面的方法,不知道是操作方法不对还是啥.  在 zepto.js 里面加那一段代码不起作用 百度的 touch.js 是可以用的,但是使用方式 和 zepto有点不一样. 解决方案:参照这个链接地址 ...

相关文章