如果使用list-style-image设置了一个列表项的前面的小图标,在FF下是正常显示的, list-style-image 图片垂直居中;但是在IE下测试无效,因此,选择使用ul li的backgrou-image(背景图片)来解决。
代码如下:
XML/HTML代码
- 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%)
也希望楼主有空去我网站玩玩。