行、块、空元素
... 2025-7-10 小于 1 分钟
# 行内元素
- 不支持宽高(宽高根据内容大小自动撑开),自左向右排列
- 受空格影响
- 不独占一行
如: <span>、<a>、<br>、<b>、<i>、<strong>、<select>、<sup>、<sub>、<em>、<del>
# 块级元素
- 支持宽高,自上而下排列
- 不受空格影响
- 一般用于其他标签的容器
- 默认宽度为 100%(独占一行)
如: <h1>~<h6>、<hr>、<p>、<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>
# 行内块元素
- 支持宽高,自左向右排列
- 受空格影响
- 不独占一行
注意: 当元素浮动(float)时会转化成行内块元素特点。
如: <img>、<input>、<textarea>
# 空元素
自闭和的元素称为空元素
如: <br>、<meta>、<hr>、<link>、<input/>、<img/>