首頁  >  文章  >  web前端  >  html行內標籤可以設定寬高嗎

html行內標籤可以設定寬高嗎

青灯夜游
青灯夜游原創
2021-06-21 11:54:155402瀏覽

html行內標籤不可以設定寬高,對其設定寬高屬性值不會生效,完全靠內容撐開寬高。行內標籤的高度、行高及外邊距和內邊距不可改變;寬度就是其內容(文字或圖片)的寬度,也不可改變。

html行內標籤可以設定寬高嗎

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML中,標籤可分為區塊級元素標籤和行內元素標籤。

什麼是區塊級元素?

  • 總是在新行開始;

  • #高度,行高以及外邊距和內邊距都可控制;

  • 寬度缺省是它的容器的100%,除非設定寬度。

  • 它可以容納內聯元素和其他區塊元素

#什麼是行內元素(內聯元素)?

  • 和其他元素都在一行上;

  • #高,行高及外邊距和內邊距不可改變;

  • 寬度就是它的文字或圖片的寬度,不可改變

  • #內聯元素只能容納文字或其他內嵌元素

將行內元素轉換為區塊級元素,以設定寬高

一般情況下,行內元素是無法直接設定width和height的,不具有物理屬性,這也是它不佔據一行的原因。

但我們可以透過設定display:block;display:inline-block;樣式,將其轉換為區塊級元素或行內區塊元素,進而設定寬高。

更多程式相關知識,請造訪:程式設計影片! !

以上是html行內標籤可以設定寬高嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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