1. 程式人生 > >塊級元素與內聯元素的區別

塊級元素與內聯元素的區別

一、塊級元素的特點

1、總是在新行上開始,也就是說會佔據一行;2、高度,行高以及外邊距和內邊距都可控制;3、寬度預設為是它的容器的100%,但可以設定一個寬度。4、它可以容納內聯元素和其他塊元素

二、inline元素的特點

1、和其他元素都在一行上;2、高,行高及外邊距和內邊距不可改變;3、寬度就是它的文字或圖片的寬度,不可改變

三、inline-block元素的特點

1、和其他元素都在一行上;2、高,行高及外邊距和內邊距都可改變;

四、內聯元素

塊元素(block element)和內聯元素(inline element)都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始。而當加入了css控制
以後,塊元素和內聯元素的這種屬性差異就不成為差異了。比如,我們完全可以把內聯元素加上display:block這樣的屬性,讓他也有每次都從新行開始的屬性即成 為塊元素,同樣我們可以把塊元素加上display:inline這樣的屬性,讓他也在一行上排列。