如何刪除單詞後的4個像素填充？

在上述圖像有後的詞聯繫一個4象素填充和未選擇時，它看起來像有分頻器和反饋和接觸和分頻器之間的9像素的邊距之間的5像素的邊距。如何在聯繫後襬脫這4個像素？

編輯：這是一些代碼。

.vdivider { 
    width: 1px; 
    height: 10px; 
    border-left: 1px solid #666666; 
    margin: 0px 5px; 
} 

<div id="footer"> 
    <a href="contact.php">Contact</a> 
    <span class="vdivider"></span> 
    <a href="feedback.php">Site Feedback</a> 
</div>

來源

2011-03-19 John Smith

我們需要看到一些代碼。你可以做的唯一一件事就是用圖像編輯器編輯額外的填充，我猜。 – BoltClock 2011-03-19 19:20:55

@BoltClock這是一個天才的迴應。但是，是否可以顯示代碼？也許標記是有點混亂，或CSS。 – AeroCross 2011-03-19 19:21:34

它與您嘗試過的每種字體都存在嗎？ – Brad 2011-03-19 19:24:16

看到你的代碼會有很大的幫助，但我想我可以猜測沒有它的問題是什麼。

您正在使用填充右鍵來分隔列表項目，並使用1px邊框作爲分隔符。這種技術的問題是空白插入。如果你從你的列表中刪除所有的空白，這將被解決。因此，無論格式化你這樣的代碼：

<ul> 
    <li>Contact</li><li>Site Feedback</li><li>Another Example</li> 
</ul>

或者這樣：

<ul> 
    <li>Contact</li><!-- prevent white space insertion 
    --><li>Site Feedback</li><!-- prevent white space insertion 
    --><li>Another Example</li> 
</ul>

編輯：看到你的代碼後，我建議重構你的代碼到更多的語義版本：內嵌名單。再次，這只是一個建議。讓我知道如果您想了解更多關於使用內聯列表創建效果的細節，我會爲您發佈工作代碼。

EDIT2：http://jsfiddle.net/EqSBT/1/

來源

2011-03-19 19:26:09 Moses

其實，我喜歡重構代碼！我一直在尋找改進編碼風格的方法，因爲我對網絡編程還很陌生。我會非常感激，如果你會爲我做這個= D – 2011-03-19 19:43:58

@約翰史密斯在我的答案中增加了一個jsfiddle例子。它完全評論和解釋幾乎所有的東西。 http://jsfiddle.net/EqSBT/1/ – Moses 2011-03-19 19:57:43

如何刪除單詞後的4個像素填充？

回答

相關問題