首頁 >web前端 >css教學 >css a為什麼設不了寬度

css a為什麼設不了寬度

藏色散人
藏色散人原創
2020-11-23 11:45:022907瀏覽

css a設不了寬度是因為a標籤是行內元素,無法設定寬度,其解決方法就是把行內元素轉換為block或【inline-block】即可設定寬度。

css a為什麼設不了寬度

推薦:《css影片教學

本教學操作環境:windows10系統、css3版,此方法適用於所有品牌電腦。

為什麼a標籤不能設定寬度?

在a標籤上用css設定寬度沒有任何反應,到底是為什麼那?

因為行內元素都是無法設定寬高的,a標籤也是行內元素,所以也不能設定寬度,如果想設定寬度,必須把行內元素轉換為block或inline-block,

轉換為區塊block的話,元素會獨佔一行,有可能會改變你的佈局,

如果想繼續保持元素在一樣上面,可以設定行內區塊inline-block,設定為行內區塊後可能會出現該元素和鄰近元素不在一個水平線上,解決方法就是設定vertical-align: middle; 或vertical-align: top 試試,其他的屬性也可以試試。

因為行內元素都是無法設定寬高的,a標籤也是行內元素,所以也不能設定寬度,如果想設定寬度,必須把行內元素轉換為block或inline-block,

轉換為區塊block的話,元素會獨佔一行,有可能會改變你的佈局,

如果想繼續保持元素在一樣上面,可以設定行內區塊inline-block,設定為行內區塊後可能會出現該元素和鄰近元素不在一個水平線上,解決方法就是設定vertical-align: middle; 或vertical-align: top 試試,其他的屬性也可以試試。

常見的區塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

#常見的行內元素:span, strong, em, br, img , input, label, select, textarea, cite, a

以上是css a為什麼設不了寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn