我不能改變寬度<a>而不使其浮動或阻止

這是爲什麼？我不能改變寬度<a>而不使其浮動或阻止

它裏面的原因是什麼？

來源

2009-11-13 Csser

當你浮動它，你隱式使它成爲一個塊元素。不像內聯元素（包括這些元素中的和），可以爲塊元素分配寬度和高度。這是一個good explanation of block vs. inline differences。

編輯：除去「具有佈局」作爲塊元素的描述的一部分，這isn't quite true ...

來源

2009-11-13 02:22:59

爲什麼你說「你含蓄使其成爲塊組件」？什麼是你的證據？ – Csser 2009-11-13 02:31:34

它位於w3.org的官方CSS規範中。 – DisgruntledGoat 2009-11-13 02:34:10

雖然W3的措辭有點含糊，但是，描述了可能的浮點屬性，規範說：「該元素生成一個浮動到左側的塊框。」資料來源：http://www.w3.org/TR/CSS2/visuren.html#float-position。換句話說，內聯元素或否，一旦應用了浮動元素，它將成爲塊元素。 – 2009-11-13 02:57:59

<a>是內嵌元素和之中常規文本流動。正如Ben所說，浮動元素隱含地將它們轉換爲「塊」元素。

一種解決方案是使用CSS樣式display: inline-block - 鏈接將非常像圖像 - 內嵌文本流，但也允許您設置寬度/高度。

來源

2009-11-13 02:36:02 DisgruntledGoat

前提不正確。

使用inline-block的

<a href="" style="display:inline-block; width:100px; background-color:Red;">abc</a>

來源

2009-11-13 02:44:00 Middletone

我不能改變寬度<a>而不使其浮動或阻止

回答

相關問題