关于CSS中的 UL列表问题

html-css023

关于CSS中的 UL列表问题,第1张

首先你要把UL设置成浮动，就是添加float:left属性。

其次要注意UL的宽度问题，虽然你留了10PX，但实际中可能因为KK或UL的内外边距设置有问题，即使设置了float，UL也会被挤下去。

li { display: inline-block}

li { *display: inline*zoom: 1}

利用CSS的inline-blick属性，后边两个是针对低版本IE的HACK，注意这个HACK比较特殊，要像我这样独立地写出来

而且，每个li标签之间不能有空格或换行，要像这样写，否则就会造成莫名其妙的外边距，这算是inline-block里面一个不算BUG的BUG吧。。。

<ul><li>

内容

</li><li>

内容2

</li><li>

内容3

</li></ul>

另外，float会带来很多问题，所以不建议用float