日期:2014-05-17  浏览次数:20649 次

让 li 横向排列的 CSS 代码收集

方法总结:

内联 ,浮动


方法一:直接在<li>里面加样式来实现

<ul style=list-style:none;margin:0;>
<li style="display:inline">我要横向排列</li>
<li style="display:inline">Hier of chsfish </li>
</ul>

方法二:通过定义ul li 来实现

ul{list-style-type:none; margin:0;width:100%; }?
ul li{ width:80px; float:left;}?
<ul>
<li>我要横向排列</li>
<li>Hier of chsfish </li>
</ul>

?

还可以看:

http://hi.baidu.com/276598908/blog/item/51f87724df637a094d088da8.html