【HTML】块级元素与行内元素

块级元素和行内元素是HTML标签的两大分类。

块级元素的定义

• 总是在新的一行开始
• 高度、行高以及外边距和内边距都可以控制
• 宽度缺省是它容器的100% 除非设定一个宽度
• 它可以容纳内联元素和其他块级元素

---

行内元素的定义

• 和其他元素都在一行上
• 高度、行高以及外边距和内边距都不可改变
• 宽度就是文字或图片的宽度 不可改变

注意：

1. 设置width无效
2. 设置height无效，可以通过line-height来设置
3. 设置margin只有左右margin有效，上下无效。
4. 设置padding只有左右padding有效，上下无效。

块级元素和行内元素的切换

通过来进行块级元素和行内元素的切换

值	描述
none	此元素不会被显示
block	此元素将显示为块级元素，前后会带有换行符
inline	默认，显示为行内元素，前后没有换行符
inline-block	行内块元素（CSS2.1新增）
list-item	作为列表显示
run-in	根据上下文作为block或inline显示
... ...	... ...