<div>标签是最典型的块元素。另外常见的块元素有h1~h6、p、ul、ol、li等。
特点:
注:文字类的元素内不能使用块级元素,例如p、h1~h6等。
<span>标签是最典型的行内元素。另外常见的行内元素有a、strong、em、i、del、ins等。
特点:
注:
img、input、td标签同时具有块元素和行内元素的特点,称为行内块元素。
特点:
元素模式 | 元素排列 | 设置样式 | 默认宽度 | 包含 |
---|---|---|---|---|
块级元素 | 一行只能放一个块级元素 | 可以设置宽度高度 | 父级元素的100% | 可以包含任何标签 |
行内元素 | 一行可以放多个行内元素 | 不可以直接设置宽度高度 | 它本身内容的宽度 | 可以容纳文本或其它行内元素 |
行内块元素 | 一行可以放多个行内块元素 | 可以设置宽度高度 | 它本身内容的宽度 |
行内元素要先转换模式,才能设置宽度、高度。
转换为 | 样式 |
---|---|
块级元素 | display: block; |
行内元素 | display: inline; |
行内块元素 | display: inline-block; |
参与评论
手机查看
返回顶部