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中的文字对齐即可。。。

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

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

list-style-image 这个可以用position 来设置图片位置 : list-style-position: 5px 5px; 但是 list-style-image 各种属性在各种浏览器效果不一, 所以我们抛弃list-style-image ,而改用插入一个小图片。 例如: 标题标题一标题标题一标题标题...

首页 公司简介 产品展示 客户留言 人才招聘 联系方法 css .navi{ width:1000px; height:30px; background:url(../image/navi.gif) repeat-x; } .navi ul{ list-style:none; margin:0; } .navi ul li{ float:left; margin:7px 22px; }

就在li样式那里加一个margin-right:10px行了,如:li{float:left; margin-right:10px;}。 不知道这是不是你想要的结果。

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

ul li{ padding=3px; } 即可,如果觉得间距小,可以再加大数值;保证可以解决你的问题!

这个用标签实现起来有点困难的,要做成表格一样的对齐效果,建议使用标签

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