怎么使用CSS使几个元素分行

来源:百度知道 编辑:UC知道 时间:2024/05/28 16:32:47
有三个元素,我想用CSS把这三个元素设置成一列三行显示,怎么写这个CSS?

楼上的都忘了清除浮动了
不清除浮动的话,DIV就不会计算高度,不计算高度的话,
要再往下写东西,就会错位的……

应该这样:
<div style="float:left;">一</div>
<div style="float:left;">二</div>
<div style="float:left;">三</div>
<div style="clear:both;">清除浮动</div> /*这个很重要*/

<div class="l"></div>
<div class="r"></div>
<div class="c"></div>

l:左对齐 (float:left)
r:右对齐
c:如果指定了宽度就将左右边距设为自动(作用:居中)

如果高度不一致,就将<div class="c"></div>改为
<div class="c"><br style="clear:both"></div>
(br写在内容的最下面)...作用是在c里的内容高度不足以超过l或r时,也不会对下面的布局产生影响

给这三个元素外面加一个容器,比如div,然后在里面写style='float:left;'然后就并排了

比如这样三个元素:
<div class='a'>1</div>
<div class='a'>2</div>
<div class='a