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

最新推荐文章于 2021-06-19 23:45:49 发布

dfsafsd32323

最新推荐文章于 2021-06-19 23:45:49 发布

阅读量651

点赞数

文章标签：开发工具 xhtml

原文链接：http://www.cnblogs.com/simpledev/p/3956915.html

版权

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

<table>
 <tr>
  <td>
   <form method="get" action="left.cgi" name="WEBCAM-TEST"><input type=image src="images/left.jpg"/></form>
  </td>
  <td>
   <form method="get" action="pause.cgi" name="WEBCAM-TEST"><input type=image src="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>

转载于:https://www.cnblogs.com/simpledev/p/3956915.html

dfsafsd32323

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css两个form不换行，两个div并排代码

1.form不换行通过table布局实现<table> <tr> <td> <form method="get" action="left.cgi" name="WEBCAM-TEST"><input type=image src="images/left.jpg"/></form> ...
复制链接

扫一扫