CSS问题，如何让<ul>水平排列

html-css014

CSS问题，如何让<ul>水平排列,第1张

让<ul>水平排列：关键之处在于设置ul或者li标签的浮动：float:left或者float:right；第一个是靠左浮动，第二个靠右浮动；下面是代码展示ul中设置的li标签居左浮动：

<style>

ul li{ float:leftmargin-left:20pxlist-style-type:none}

</style>

<ul>

<li>靠左浮动排列一</li>

<li>靠左浮动排列二</li>

<li>靠左浮动排列三</li>

<li>靠左浮动排列四</li>

</ul>

li标签居左浮动，实现ul水平排列；

margin-left:20px左外侧距离20px，list-style-type:none去除无序列表的点；

table是固定布局，tr必须是代表一行，所以你别想着改变table；

你可以考虑div+css布局，可以说绝对的大部分效果都能达到，如果你只会用table的话，你不妨在td内再套一层table来达到你所谓的水平排列效果好了