一、塊級元素

塊級元素(Block-level elements)是指在HTML中以塊的形式顯示的元素。它們通常有以下特征：kBt28資訊網——每日最新資訊28at.com

• 塊元素在頁面中以區域塊的形式出現
• 每個塊元素通常都會獨自占據一整行或多個整行
• 可以對其設置寬度、高度、對齊等屬性
• 塊級元素可以包含其他塊級元素和內聯元素

常見:元素有<h1>~<h6>、<hr>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標記是最典型的塊元素。kBt28資訊網——每日最新資訊28at.com

塊元素的默認屬性：kBt28資訊網——每日最新資訊28at.com

display: block

kBt28資訊網——每日最新資訊28at.com

二、行內元素

行內元素（Inline elements）是指在HTML中以行內的方式顯示的元素。行內元素也稱為內聯元素或內嵌元素，常用于控制頁面中文本的樣式。它們通常有以下特征：kBt28資訊網——每日最新資訊28at.com

• 一個行內元素通常會和其前后的其他行內元素顯示在同一行中，不占獨立的區域
• 僅僅靠自身的字體大小和圖像尺寸來支撐結構
• 一般不可以設置高度、寬度等屬性
• 只能設置水平方向的外邊距

常見的行內元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等， 其中<span>標記是最典型的行內元素kBt28資訊網——每日最新資訊28at.com

行內元素的默認屬性：kBt28資訊網——每日最新資訊28at.com

display: inline

三、行內塊級元素

行內塊級元素，它既具有塊級元素的特點，也有行內元素的特點。kBt28資訊網——每日最新資訊28at.com

• 和相鄰的行內元素（包含行內塊）在同一行顯示
• 可以任意設置元素寬度、高度以及內外邊距
• 默認寬度就是內容的寬度（行內元素的特點）

常見的行內塊級元素有<input>、<img>等kBt28資訊網——每日最新資訊28at.com

行內塊級元素的默認屬性：kBt28資訊網——每日最新資訊28at.com

display: inline-block

四、元素之間的轉換

塊級元素、行內元素、行內塊級元素之間可以相互轉換，設置相應的display屬性值即可。對于display存在屬性值為none，意思是設置元素不可見并且連盒模型也不生成，一般用于不占空間的隱藏元素：kBt28資訊網——每日最新資訊28at.com

display: none

本文鏈接：http://www.tebozhan.com/showinfo-26-55151-0.html什么是塊元素、行元素以及行內塊元素

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： 權限控制別自己寫了，用這個庫試試看

下一篇： 微服務架構是如何演進的？