如何把无序列表用css平铺为一行？

html-css016

如何把无序列表用css平铺为一行？,第1张

用css的浮动属性，float:left\x0d\x0a\x0d\x0a比如代码如下：\x0d\x0a\x0d\x0a内容\x0d\x0a 内容\x0d\x0a 内容\x0d\x0a\x0d\x0a在css里面控制\x0d\x0ali{float:left}\x0d\x0a希望可以帮到你！

1、将li的height和line-height设置成为和设计稿一样的

2、将列表图标整体切出来，铺在ul上，不平铺

3、使用background-position控制ul背景和li中的文字对齐即可。

先把图切下来，切成三分，上部下部不可重复切下，直接做背景

上部

#div{

background:url(img.gif) no-repeat 0px 0px//这里的0px可以调整距左和距右的距离

}

中部这样

#div{

background:url(img.gif) repeat-x//这是平铺，图竖着切

background:url(img.gif) repeat-y//这是竖着下来的，图横着切，我想你的意思应该是这个竖着下来的，这样页面的高度也不会定死了，内容随便加多少效果都是有的

}

下部同上部