一、塊級(jí)元素

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

• 塊元素在頁面中以區(qū)域塊的形式出現(xiàn)
• 每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一整行或多個(gè)整行
• 可以對(duì)其設(shè)置寬度、高度、對(duì)齊等屬性
• 塊級(jí)元素可以包含其他塊級(jí)元素和內(nèi)聯(lián)元素

常見:元素有<h1>~<h6>、<hr>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標(biāo)記是最典型的塊元素。18x28資訊網(wǎng)——每日最新資訊28at.com

塊元素的默認(rèn)屬性：18x28資訊網(wǎng)——每日最新資訊28at.com

display: block

18x28資訊網(wǎng)——每日最新資訊28at.com

二、行內(nèi)元素

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

• 一個(gè)行內(nèi)元素通常會(huì)和其前后的其他行內(nèi)元素顯示在同一行中，不占獨(dú)立的區(qū)域
• 僅僅靠自身的字體大小和圖像尺寸來支撐結(jié)構(gòu)
• 一般不可以設(shè)置高度、寬度等屬性
• 只能設(shè)置水平方向的外邊距

常見的行內(nèi)元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等， 其中<span>標(biāo)記是最典型的行內(nèi)元素18x28資訊網(wǎng)——每日最新資訊28at.com

行內(nèi)元素的默認(rèn)屬性：18x28資訊網(wǎng)——每日最新資訊28at.com

display: inline

三、行內(nèi)塊級(jí)元素

行內(nèi)塊級(jí)元素，它既具有塊級(jí)元素的特點(diǎn)，也有行內(nèi)元素的特點(diǎn)。18x28資訊網(wǎng)——每日最新資訊28at.com

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

常見的行內(nèi)塊級(jí)元素有<input>、<img>等18x28資訊網(wǎng)——每日最新資訊28at.com

行內(nèi)塊級(jí)元素的默認(rèn)屬性：18x28資訊網(wǎng)——每日最新資訊28at.com

display: inline-block

四、元素之間的轉(zhuǎn)換

塊級(jí)元素、行內(nèi)元素、行內(nèi)塊級(jí)元素之間可以相互轉(zhuǎn)換，設(shè)置相應(yīng)的display屬性值即可。對(duì)于display存在屬性值為none，意思是設(shè)置元素不可見并且連盒模型也不生成，一般用于不占空間的隱藏元素：18x28資訊網(wǎng)——每日最新資訊28at.com

display: none

本文鏈接：http://www.www897cc.com/showinfo-26-55159-0.html什么是塊元素、行元素以及行內(nèi)塊元素

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： 同步架構(gòu)和異步架構(gòu)的區(qū)別，你知道嗎？

下一篇： 同步架構(gòu)和異步架構(gòu)的區(qū)別，你知道嗎？