標籤顯示模式

2021-10-18 16:37:09 字數 770 閱讀 9824

1.簡介

標籤顯示模式是標籤以什麼方式進行顯示。html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱為塊元素和行內元素。

2.塊級元素(block-level)

常見的塊元素有~、、、

3.行內元素(inline-level)

有的地方也稱為內聯元素常見的行內元素有、、、、、、、、、等,其中標籤最典型的行內元素。

注意

4.行內塊元素(inline-block)

在行內元素中有幾個特殊的標籤——

5.標籤顯示模式轉換 display

6.三種模式總結

元素模式

元素排列

設定樣式

預設寬度

包含塊級元素

一行只能放乙個塊級元素

可以設定寬度高度

容器的100%

容器級可以包含任何標籤

行內元素

一行可以放多個行內元素

不可以直接設定寬度高度

它本身內容的寬度

容納文字或則其他行內元素

行內塊元素

一行放多個行內塊元素

可以設定寬度和高度

它本身內容的寬度

標籤顯示模式

html標籤一般分為塊標籤和行內標籤兩種型別,它們也稱塊元素和行內元素。具體如下 塊級元素 block level 每個塊元素通常都會獨自佔據一整行或多整行,可以對其設定寬度 高度 對齊等屬性,常用於網頁布局和網頁結構的搭建。常見的塊元素有 等,其中標籤是最典型的塊元素。1.總是從新行開始 獨佔一行...

css標籤顯示模式

1.1.1 塊級元素 block level 常見的塊級元素 等,其中標籤是典型的塊元素。塊級元素的特點 1 比較霸道,自己獨佔一行 2 高度,寬度,外邊距和內邊距都可以控制 3 寬度預設是父元素寬度的100 4 是乙個容器及盒子,裡面可以放行內或者塊級元素 1.1.2 行內元素 inline le...

標籤顯示模式 display

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