標籤顯示模式（display）

html標籤一般分為塊標籤和行內標籤兩種型別，它們也稱塊元素和行內元素。具體如下：

每個塊元素通常都會獨自佔據一整行或多整行，可以對其設定寬度、高度、對齊等屬性，常用於網頁布局和網頁結構的搭建。

常見的塊元素有~、、、、、等，其中標籤是最典型的塊元素。

塊級元素的特點：

（1）總是從新行開始

（2）高度，行高、外邊距以及內邊距都可以控制。

（3）寬度預設是容器的100%

（4）可以容納內聯元素和其他塊元素。

行內元素（內聯元素）不占有獨立的區域，僅僅靠自身的字型大小和影象尺寸來支撐結構，一般不可以設定寬度、高度、對齊等屬性，常用於控制頁面中文字的樣式。

常見的行內元素有、、、、、、、、、等，其中標籤最典型的行內元素。

（1）和相鄰行內元素在一行上。

（2）高、寬無效，但水平方向的padding和margin可以設定，垂直方向的無效。

（3）預設寬度就是它本身內容的寬度。

（4）行內元素只能容納文字或則其他行內元素。（a特殊）

注意：只有 文字才 能組成段落 因此 p 裡面不能放塊級元素，同理還有這些標籤h1,h2,h3,h4,h5,h6,dt，他們都是文字類塊級標籤，裡面不能放其他塊級元素。

鏈結裡面不能再放鏈結。

在行內元素中有幾個特殊的標籤——、、，可以對它們設定寬高和對齊屬性，有些資料可能會稱它們為行內塊元素。

​行內塊元素的特點：
（1）和相鄰行內元素（行內塊）在一行上,但是之間會有空白縫隙。
（2）預設寬度就是它本身內容的寬度。
（3）高度，行高、外邊距以及內邊距都可以控制。

行內轉塊：display:block;

塊、行內元素轉換為行內塊： display: inline-block;

標籤顯示模式 display

1 塊級元素 block 常見得塊級元素有 1.自己獨佔一行 2.可以設定寬度和高度，外邊距以及內邊距都可以控制 3.寬度預設是容器 父級寬度 得100 2 行內元素 inline 常見的行內元素有 等1.一行可以顯示多個行內元素 2.高度和寬度直接設定是無效得 3.預設寬度就是他本身內容得寬度 3...

display可以控制標籤的顯示模式

display none inline block inline block 繼承性 無 display值的解釋 none 此元素不被顯示，此文件中被移除。與visibility屬性的hidden值不同，其不為被隱藏的物件保留其物理空間 block 此元素按塊級元素顯示 前後換行符，自己佔一行。內聯...

CSS系列 02 標籤顯示模式 display

常見的塊元素有常見的行內元素有 等，其中標籤最典型的行內元素。行內元素的特點 1 和相鄰行內元素在一行上，但是之間會有空白縫隙 2 高 寬無效，僅外邊距 水平方向 以及內邊距 水平方向 可以正常控制 3 寬度預設就是它本身內容的寬度 注意 如果元素為行內元素，其垂直方向的內邊距也會生效，只是該元素會...