想要让多个div元素并列成一行,可以将div元素的float属性设置为left。但这样做还不够,应为当浏
览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部,所以需要将想要并列的div元素套
在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变
换窗口大小时div都不会跑到下面了。
以下是具体演示步骤:
1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。
2、在body标签里添加一个大div来容纳并列的div。
3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可
4、运行效果。
可以通过浮动来设置,让不同行的两行一个左浮动,一个右浮动,这样,它们就显示在一行了。还有一种方法是所有元素都左浮动,然后指定宽度,让宽度正好是两列的值,那么到两行的时候,它会自动折行。
通过决定定位,分别对没一行文字进行绝对定位,因为是绝对定位,所以可以指定它们到任意位置。position:absolute可以解决这个问题。
1、input {display:blockfloat:left}
ul {margin:0pxpadding:0pxfloat:left}
这样就可以让input和ul显示在一行了。
但这样出现的问题是,紧跟着的内容也会跑到一行去,所以这里的ul后面再加一个div用来清除浮动。
2、input {display:blockfloat:left}
ul {margin:0pxpadding:0pxfloat:left}
div {clear:both}
3、当然,你也可以用两个td来并列实现,如:
<table><tr><td><input type="text" size="30" maxlength="100" value=""></td><td><ul class="errorMessage" style="color: red"><li><span>2134</span></li></ul></td></tr></table>