Li list-style-image 图片垂直居ä¸
如果使用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%)
也希望楼主有空去我网站玩玩。