好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

求助,关于<li>宽度控制的问题_html/css_WEB-ITnose

HTML页面设计 网页布局 标签的使用

这个是我网页表示层的部分代码:
   

我的想法是让这三个列表项处在同一行,可是三个列表项并不在同一水平行。含有ghi的那个 标签自动下移了新一行的左边。

我后来设置了所有元素的border,padding,margin为none或者0,但结果还是开始一样显示的。
我就是搞不明白,三个 标签加起来的不正好是100%的width么?为什么会超过 的width。我试了把最后一个 标签的width改为19%,然后三个 就是并列显示了。(注:我已经设置了 的float为left了)。
大家能给我指点一下吗? 谢谢了!


回复讨论(解决方案)

li是块级元素,是会自动往下排的,而不像p,img这类行级元素会直接连在后面,style里加上float:left; 这个属性就可以了,会变成漂浮元素进行漂浮排列,最后最好在所有 后再加上一行

查看更多关于求助,关于<li>宽度控制的问题_html/css_WEB-ITnose的详细内容...

  阅读:33次