请教CSS li列表图标和列表中文字的对齐问题

html-css017

请教CSS li列表图标和列表中文字的对齐问题,第1张

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

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

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

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{样式}