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

青灯夜游
發布: 2023-01-04 09:37:42
原創
3200 人瀏覽過

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

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

推薦:css影片教學html教學

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

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

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

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

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

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

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板