首頁  >  文章  >  web前端  >  html/css中行內元素和區塊級元素的差別是什麼

html/css中行內元素和區塊級元素的差別是什麼

青灯夜游
青灯夜游原創
2020-12-21 16:31:253182瀏覽

區別:1、 行內元素不會佔據整行,在一條直線上排列,水平方向排列;而塊級元素會佔據一行,垂直方向排列。 2、 區塊級元素可以包含行內元素和區塊級元素;行內元素不能包含區塊級元素。 3.行內元素不能設定寬高。

html/css中行內元素和區塊級元素的差別是什麼

推薦:css影片教學html教學

行內元素和塊級元素的區別

1、 行內元素不會佔據整行,在一條直線上排列,都是同一行,水平方向排列;

  塊級元素會佔據一行,垂直方向排列。

2、 區塊級元素可以包含行內元素和區塊級元素;行內元素不能包含區塊級元素。

3、 行內元素與區塊級元素屬性的不同,主要是盒子模型屬性上,行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效。

行內元素與區塊級元素的相互轉換

行內元素轉換為區塊元素: display:block;

區塊元素轉換為行內元素: display:inline;

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

以上是html/css中行內元素和區塊級元素的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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