css a設不了寬度是因為a標籤是行內元素,無法設定寬度,其解決方法就是把行內元素轉換為block或【inline-block】即可設定寬度。
推薦:《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中文網其他相關文章!