九九百科網

位置:首頁 > 經驗 > 

內聯元素與塊級元素分別有哪些

經驗2.91W

內聯元素與塊級元素分別有哪些

塊級元素:顧名思義就是以塊顯示的元素,高度寬度都是可以設置的。比如我們常用的、

、默認狀態下都是屬於塊級元素。塊級元素比較霸道,默認狀態下每次都佔據一整個行,後面的內容也必須再新起一行顯示。當然非塊級元素也可以通過css的display:block;將其更改成塊級元素。此外還有個特殊的,float也具有此功能。

內聯元素:通俗點來説就是文本的顯示方式,與塊級元素相反,內聯元素的高度寬度都是不可以設置的,其寬度就是自身文字或者圖片的寬度。我們常用到的、、都屬於內聯元素。內聯元素的顯示特點就是像文本一樣的顯示,不會獨自佔據一個行。當然塊級元素也能變成內聯元素,那就是通過css的display:inline;和float來實現。

標籤:元素 內聯