zcgw.net
当前位置:首页 >> 请教CSS li列表图标和列表中文字的对齐问题 >>

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

1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。

1、将li的height和line-height设置成为和设计稿一样的;2、将列表图标整体切出来,铺在ul上,不平铺;3、使用background-position控制ul背景和li中的文字对齐即可。

1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。。。

1、将li的height和line-height设置成为和设计稿一样的 2、将列表图标整体切出来,铺在ul上,不平铺 3、使用background-position控制ul背景和li中的文字对齐即可。。。

=w=,三个方法…… 一:把ul或li 中的行高删掉。 二:修改图片,把那红色的画下一点,可做成gif透明图(如原本图为:16*16,可画成:16*21,红色部分在最底部。)。 三:去掉list-style-image属性,改为在li 中用 background 属性 如: ul{list-sty...

不用太多设置 为图标,头像,文字,图标分别设置宽度,甚至可以做4个LI,放在一个UL里,循环UL实现。 LI里为了防止被内容撑开,可以把LI定宽,甚至overflow:hidden;都可以。

把文字的line-height设置和图片的高度设置成一样就OK了。

看样子你的点是图片

1.每条新闻前要有图标 不知道图标是不是一样的,还是1.2.3……这种排名形式 ·如果图标都是一样的,那就切一个小图标,作为li的背景,也可以设置list-style-image:url();差不多就这两种方法 ·如果图标不一样,就把这些图标竖着排到一张图片里,作为...

你说的应该是底部居中对其吧?如果是这样的话除非是能够确定ul的宽度,用margin:0 auto。如果不能确定那就别用ul li标签。因为li是需要float:left;才能在同一行显示的,用了这个属性在用text-align:center就不起作用了。或者是给li添加一个di...

网站首页 | 网站地图
All rights reserved Powered by www.zcgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com