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%)
具体百分比请试一试!
如果使用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%)
具体百分比请试一试!
标签：
图片,垂直居中
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com
暂无“Li list-style-image 图片垂直居中”评论...
更新日志
2024年11月15日
2024年11月15日
- 孙露《怕什么孤单3CD》深圳音像[WAV分轨]
- s14全球总决赛目前是什么结果 s14全球总决赛赛程结果图一览
- s2TPA夺冠五人名单都有谁 tpa战队s2夺冠队员名单一览
- s13wbg战队成员都有谁 wbg战队s13成员名单一览
- 网友热议《幻兽帕鲁》停售、赔千万日元：那也赚麻了 不亏
- 这谁顶得住 《最终幻想7：重生》尤菲3D作品穿上终极芙蕾娜衣服
- 外媒称PS5pro违背承诺:《蜘蛛侠2》根本没法4K60帧
- 群星.2007－中文十大金曲30周年纪念专辑【RTHK】【WAV+CUE】
- 杨林.1989-留一点爱来爱自己【综一唱片】【WAV+CUE】
- 南合文斗.2007-陪君醉笑三千尘鸟人唱片】【FLAC+CUE】
- 群星《我们的歌第六季 第1期》[320K/MP3][90.72MB]
- 群星《我们的歌第六季 第1期》[FLAC/分轨][456.01MB]
- 李雨寰《Break Free》[320K/MP3][98.39MB]
- 草蜢.2001-《真经典》环球唱片[WAV+CUE]
- 群星.2009-第4届2008十大发烧唱片精选[FLAC+CUE]