2014-08-30 53 views
0

我已經爲使用li:之前的列表製作了自定義圖標。與自定義精靈的第二行縮進對齊

li:before { 
    display: inline-block; 
    width: 16px; 
    height: 13px; 
    background: url(../img/sprites.png) no-repeat -85px -336px; 
    content: " "; 
    margin-right: 5px; 
} 

問題是當列表項分成兩行,第二行在精靈之下。 如何使第二個縮進符合上面的文本?

謝謝!

+0

這裏更好的是不要使用精靈,而是一個簡單的圖像,並且可以直接在'li'上使用填充來設置'list-style-image'或'background-image'。 – RoToRa 2014-08-30 12:18:18

回答

0

找到了li的絕對定位加上一點餘量調整到底是最好的選擇。