CSS - 下劃線文本，但忽略空格

我有幾個鏈接的左邊距爲3px。這些鏈接下劃線，看起來像：CSS - 下劃線文本，但忽略空格

<a href='#'> 
    test 
</a>

不幸的是，該鏈接內的空間和我無法消除這些空間，因爲我沒有訪問HTML代碼。這些空間也被強調，我不滿意。有沒有辦法在不改變HTML的情況下刪除它們？

這裏是一個小提琴，顯示我的問題：http://jsfiddle.net/e8quz/

更新：
這裏是一個圖片，我希望它看起來像： enter image description here

2014-04-20 Matt3o12

不認爲你能做到這一點無需拆卸實際空間或編輯其他方式的HTML。 – MightyPork

所以你想「隱藏」原來的HTML，並顯示一個不同的HTML與你的特定格式......是嗎？你如何訪問原始的HTML？ – TimSPQR

的空間來自換行符（衆所周知從display:inline-block有問題）。

因此，讓你的a元素display: block和浮在左邊。

PS：該display:block是「多餘的」，如float通常已設定相應的元件以「塊」的顯示屬性。但它沒有傷害......！

2014-04-20 13:36:46 Netsurfer

只是設置'display：inline-block'效果很好。使用'float'有時是不合適的。 –

@KingKing是的，就像在網頁設計中一樣 - 取決於！但請注意，它給出的結果不一樣。使用'display：inline-block'會給你一個額外的空間（取決於各自的標記）。 – Netsurfer

可否請你做一些小提示，顯示：inline-block'會失敗？因爲對於OP的HTML代碼，它是有效的。 –

這也將解決這一問題。沒有必要讓他們漂浮，與彩車，你需要清除浮動，否則所有內容後，也將浮動等..

a { 
    margin-left: 5px; 
    display: inline-block; 
}

2014-04-20 13:42:06 JohanVdR

我意識到這一點，並在我的問題中指出：「鏈接內有空格」。問題是：我無法像以前那樣更改HTML。我只能訪問CSS文件。 – Matt3o12

你可以靜靜地飄浮的鏈接，從而使白色空間消失無編輯HTML

a { 
    margin-left: 5px; 
    float: left; 
}

2014-04-20 13:43:15

回答