css 如何设置ul的列表图标和列表文字对齐

html-css0230

css 如何设置ul的列表图标和列表文字对齐,第1张

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

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

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

每个ul一个class类如：

<ul class="u01"><li>01</li><li>02</li></ul>

<ul class="u02"><li>001</li><li>002</li></ul>

ul.u01>li{样式}

ul.u02>li{样式}