1. 程式人生 > >HTML中常見的塊級元素和內聯元素?

HTML中常見的塊級元素和內聯元素?

1.塊級元素,預設是獨自佔據一行的,可以設定寬高,比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />

2.內聯元素(行內元素),預設是幾個內聯元素都可以在同一行上顯示,不能設定寬高,例如,<img>、<b>、<i>、<u>、<em>、<strong>、<sup>、<sub>、<big>、<small>、<li>、<ins>、<del>、<code>、<cite>、<dfn>、<kbd>和<var>

3.行內塊元素,除了可以設定寬高,其他和內聯元素一樣

通過CSS屬性display,可以做轉換:

例如:

/*塊級元素轉行內元素*/

    display: block;

/*塊級元素轉行內塊*/
    
    display: inline-block;

/*行內元素轉塊級元素*/

    display: block;