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

html-css07

css 如何设置ul的列表图标和列表文字对齐,第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>

<li><a href="#" target="_blank">文字内容</a></li>

<li><a href="#" target="_blank">文字内容</a></li>

</ul>

就是对齐的,

不过你这个没对齐,应该是这个曾的上面内容有漂浮导致的,就需清除浮动,即:

<div class="clear"></div><!--清除浮动-->

<ul>

<li><a href="#" target="_blank">文字内容</a></li>

<li><a href="#" target="_blank">文字内容</a></li>

</ul>

css:

.clear{clear:both}/*清除浮动*/