區別:行內元素中設定寬高是無效的,不會自動換行;而區塊級元素可以設定寬高,可以自動換行。行內元素中對margin設定左右方向有效而上下無效,padding設定左右方向有效而上下無效;區塊級元素中設定margin和padding都有效。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css基礎當中,我們往往會遇到區塊元素和行內元素。在實際開發中,會經常把他們搞混淆,而且很難記住。那麼行內元素和區塊級元素的差別有哪些呢?下面來跟大家介紹一下。
區塊級元素和行內元素的定義
什麼是區塊級元素?
總是在新行開始;
高度,行高以及外邊距和內邊距都可控制;
寬度缺省是它的容器的100%,除非設定寬度。
它可以容納內聯元素和其他區塊元素
#例如:
、、
、