標簽顯示模式display:

HTML標簽一般分為塊標簽（塊元素：block-level）和行內標簽（行內元素：inline-level）兩種類型，但是還有第三種說法行內塊元素：table-row-group：設置元素為表格行組顯示，display值總結如下表：

塊元素block-level：

獨占一行，可以設置寬度、高度、對齊等屬性，常見的塊標簽：h1~h6、p、div、ul、ol、li等。

行內元素（內聯元素）inline-level:

一行可排列多個行內元素，一般不能設置寬度、高度、對齊等屬性，但是水平方向的margin和padding可以設置，寬度和高度由內容決定，常用于控制頁面文本的樣式，常見的行內標簽：a、strong、b、em、i、del、s、ins、u、span等。 行內塊元素： 在行內標簽中有幾個可以設置寬度和高度的元素如：img、input、td等，通常被稱為行內塊元素，其特點：在同一行上面，但是可以設置寬度高度，相鄰元素之間有空白間隙。

顯示模式轉換：

行內元素可以轉換成塊元素，塊元素也可以轉換為行內元素，也可以把元素直接轉換成行內快元素，行內塊元素可以看成文本，轉換后各自的屬性特點變成對應的轉換后的屬性特點。

span{display:block;/* 把行內元素轉換為塊元素 */}div{display:inline;/* 把塊元素轉換為行內元素 */}div,span{display:inline-block;/* 把元素轉換為行內快元素 */}

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者刪除。
筆者：苦海

總結

以上是生活随笔為你收集整理的css中标签显示模式、块元素、行内元素、行内块元素、显示模式转换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。