CSS-塊元素與內聯元素的區別

1.內聯元素允許其他內聯元素與其位于同一行,塊元素獨占一行。

2.寬度和高度只對塊元素起作用,對內聯元素不起作用

3.如果我們把內聯元素轉化成塊元素,在相應的內聯元素加上一個屬性display:block就可以了,反之塊級元素轉換為內聯元素在相應的塊元素上添加屬性display:inline;就可以了。

4.text-indent:2em;屬性,只能加在塊元素上面,內聯元素是不起作用的。

5.塊元素可以包含內聯元素和某些塊元素,但內聯元素不能包含塊元素

6.塊元素不能放在p標簽里面

7.li標簽可以包含div

8.塊元素可以設置寬高。

9.有幾個特殊的塊元素只能包含內聯元素不能包含塊元素,如h1-h6, p dt.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容