HTML:行元素与块元素
块元素和行内元素的区别
1、行内元素不产生独立的框,宽度和高度由内容决定,而块级元素会生成一个独立的矩形框,可以设置宽度、高度、边距和填充等属性;
2、行内元素在同一行上水平排列,而块级元素会自上而下按顺序排列;
3、行内元素不能包含块级元素,而块级元素可以包含其他块级元素和行内元素等
元素类型 | 排列方式 | 样式设置 | 默认宽度 | 嵌套元素 |
---|---|---|---|---|
块级元素 | 一行放置一个 | 课设置高度和宽度 | 容器的100% | 作为容器可以包含其他块元素、行元素 |
行内元素 | 一行可以放多个 | 不可以直接设置高度宽度 | 包含的内容的宽度 | 可容纳文本或行内元素 |
行内块元素 | 一行可以放多个 | 可以设置高度宽度 | 包含的内容的宽度 | 有的不能包容其他元素,有个可包容其他元素 |
块元素

行内元素

三种元素的对比
这是一个块元素
学习雷锋好榜样,忠于革命忠于党,爱憎分明不忘本,这是一个行内元素立场坚定斗志强
学习雷锋好榜样,忠于革命忠于党,爱憎分明不忘本,这是一个行内元素立场坚定斗志强