Li list

2021-03-12 20:01 jianzhan
list-style-image 照片竖直垂直居中
假如应用list-style-image设定了1个目录项的前面的小标志,在FF下是一切正常显示信息的,

可是在IE下想让他也垂直居中一切正常的显示信息,死活不聪明。
退而求其次,找了1个折衷的处理方法,

便是应用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; /*严禁照片平铺,显示信息1个就行了*/
}

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

实际百分比请试1试!