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

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

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

水平居中的意思也就是全部(上下左右)居中:、 用到的css样式:text-align;line-height; 如: 123 相应css代码: div{ width:500px;height:100px;float:left} div li{ width:100px;height:100px;float:left;text-align:center;line-height:10...

HTML 标签 是定义无序列表。无序列表下的项目如果不做任何设置,浏览器是会默认让li标签缩进的。 如果不希望缩进,我们需要手动设置li标签的margin。例如: ul li{margin:0px;}还有很多标签会具有默认属性,所以很多前端工作着在编写css代码是,...

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

给你段代码,如果你会CSS的话就应该能自己用了! ul{list-style-type:none;} li{background:url(你的图标路径) no-repeat center left; padding-left:具体数值; //这是根据你背景图片的宽度而定的,也就是你图片有多宽,文本就离左边多这样就不会覆...

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