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;

猜你喜欢

转载自blog.csdn.net/Lean_on_Me/article/details/82940248