Li list-style-image 图片垂直居中

ttx9n · 发表于 2010-7-15 00:27:13

如果使用list-style-image设置了一个列表项的前面的小图标，在FF下是正常显示的， list-style-image 图片垂直居中
如果使用list-style-image设置了一个列表项的前面的小图标，在FF下是正常显示的，

但是在IE下想让他也居中正常的显示，死活不听话。
退而求其次，找了一个折中的解决办法，

就是使用ul li的backgrou-image（背景图片）来解决。
如下：

复制代码代码如下:
ul li{
height:28px; /*列表项的高度*/
line-height:28px; /*列表项的行高，行高与高设为相同，文字垂直居中*/
text-indent:15px; /*文字缩进15个像素，不然压到图表了*/
background-image:url("../images/icon.gif"); /*图片的url地址*/
background-position:left 45%; /*北京图片的定位*/
background-repeat:no-repeat; /*禁止图片平铺，显示一个就好了*/
}

Firefox : li{background-position:left 50%)
IE : li{background-position:left 45%)

具体百分比请试一试!

leidie123a · 发表于 2022-11-1 03:52:21

呵呵呵呵呵呵呵a

95nd4ba · 发表于 2023-1-5 08:10:39

非常vbcbvcvbvcb

thywok · 发表于 2023-1-9 07:38:51

抽根烟，下来看看再说

回复用户1 · 发表于 2023-7-31 17:40:44

谢谢下载来看看

qwe520 · 发表于 2023-9-23 04:53:32

还可以不错

i1efp6c · 发表于 2023-12-6 19:10:30

论坛有你更精彩！

lba36h7g · 发表于 2024-5-7 12:15:11

天天源码论坛

z835648964 · 发表于 2024-6-10 00:57:34

感谢楼主分享

thywok · 发表于 2024-8-9 22:59:44

啪啪啪生怕PSP怕

账号		自动登录	找回密码
密码			立即注册

[CSS] Li list-style-image 图片垂直居中

相关帖子