垂直對齊文本圖形基於子彈

見本博客文章子彈： http://www.nielsbrinch.com/managing-expectation-management/垂直對齊文本圖形基於子彈

我不得不改變，以對齊文本基於子彈圖形文字特性。我想設置與文本其餘部分相同的行高（25），但必須將其設置爲15才能使橙色子彈對齊正確。

這裏是子彈的組合樣式。

.post ul li { 
    background: url(images/yellow-bullet.png) no-repeat 0px 4px; 
    padding-left: 15px; 
    font-family: Tahoma; 
    line-height: 15px; 
    font-size: 11pt; 
    padding-top: -12px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
}

問：如何確保跟上子彈正確對齊文本，同時保存的文本特徵完全控制？

（我只想通過改變風格要做到這一點，請不要認爲我改變HTML結構，如包括在L1標籤一個div）

來源

2011-07-21 Niels Brinch

發佈一個jsfiddle，我們可以幫助您調試。 – ricosrealm

我從來沒有使用過，但它似乎工作： http://jsfiddle.net/SbedL/ –

list-style-image: url(images/yellow-bullet.png);

，而不是

background: url(images/yellow-bullet.png) no-repeat 0px 4px;

應該怎麼辦？

來源

2011-07-21 07:13:17 MatTheCat

這是一個不錯的主意 - 但它，但是，仍然不是100％對齊... –

奇怪。什麼意思是「100％一致」？你能發佈你想要的圖片嗎？順便說一下，不允許使用負填充;） – MatTheCat

該文本當前與子彈上方的一個或兩個像素對齊。 –

垂直對齊文本圖形基於子彈

回答

相關問題