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

html-css022

如何把无序列表用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//这是竖着下来的,图横着切,我想你的意思应该是这个竖着下来的,这样页面的高度也不会定死了,内容随便加多少效果都是有的

}

下部同上部