【HTML】块级元素与行内元素
2019-12-30 本文已影响0人
天空若放晴
块级元素和行内元素是HTML标签的两大分类。
块级元素的定义
- 总是在新的一行开始
- 高度、行高以及外边距和内边距都可以控制
- 宽度缺省是它容器的100% 除非设定一个宽度
- 它可以容纳内联元素和其他块级元素
行内元素的定义
- 和其他元素都在一行上
- 高度、行高以及外边距和内边距都不可改变
- 宽度就是文字或图片的宽度 不可改变
注意：
- 设置width无效
- 设置height无效，可以通过line-height来设置
- 设置margin只有左右margin有效，上下无效。
- 设置padding只有左右padding有效，上下无效。
块级元素和行内元素的切换
通过来进行块级元素和行内元素的切换
| 值 | 描述 |
|---|---|
| none | 此元素不会被显示 |
| block | 此元素将显示为块级元素，前后会带有换行符 |
| inline | 默认，显示为行内元素，前后没有换行符 |
| inline-block | 行内块元素（CSS2.1新增） |
| list-item | 作为列表显示 |
| run-in | 根据上下文作为block或inline显示 |
| ... ... | ... ... |
