行內元素和區塊級元素的差別有哪些

青灯夜游
發布: 2023-01-03 09:26:29
原創
39317 人瀏覽過

區別:行內元素中設定寬高是無效的,不會自動換行;而區塊級元素可以設定寬高,可以自動換行。行內元素中對margin設定左右方向有效而上下無效,padding設定左右方向有效而上下無效;區塊級元素中設定margin和padding都有效。

行內元素和區塊級元素的差別有哪些

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

在css基礎當中,我們往往會遇到區塊元素和行內元素。在實際開發中,會經常把他們搞混淆,而且很難記住。那麼行內元素和區塊級元素的差別有哪些呢?下面來跟大家介紹一下。

區塊級元素和行內元素的定義

什麼是區塊級元素?

  • 總是在新行開始;

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

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

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

#例如:

~