国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

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

2024-07-11 08:26:33
字體：大 中 小
供稿：網(wǎng)友
list-style-image 圖片垂直居中
如果使用list-style-image設(shè)置了一個(gè)列表項(xiàng)的前面的小圖標(biāo)，在FF下是正常顯示的，

但是在IE下想讓他也居中正常的顯示，死活不聽話。
退而求其次，找了一個(gè)折中的解決辦法，

就是使用ul li的backgrou-image（背景圖片）來解決。
如下：


復(fù)制代碼
代碼如下:
ul li{
height:28px; /*列表項(xiàng)的高度*/
line-height:28px; /*列表項(xiàng)的行高，行高與高設(shè)為相同，文字垂直居中*/
text-indent:15px; /*文字縮進(jìn)15個(gè)像素，不然壓到圖表了*/
background-image:url("../images/icon.gif"); /*圖片的url地址*/
background-position:left 45%; /*北京圖片的定位*/
background-repeat:no-repeat; /*禁止圖片平鋪，顯示一個(gè)就好了*/
}

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

具體百分比請?jiān)囈辉?

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 莱西市| 彩票| 阳西县| 垦利县| 房山区| 墨竹工卡县| 吴桥县| 咸宁市| 西贡区| 德昌县| 和龙市| 海淀区| 巴林左旗| 四平市| 湖南省| 韶山市| 伊金霍洛旗| 绿春县| 廉江市| 西平县| 京山县| 平度市| 垫江县| 朝阳县| 安丘市| 准格尔旗| 乌兰浩特市| 西和县| 宜章县| 收藏| 南丰县| 衡东县| 来凤县| 庄河市| 绥棱县| 铜陵市| 彝良县| 堆龙德庆县| 双桥区| 平度市| 崇阳县|