1. 1 块:
1、独占一行
2、宽度默认是父元素的宽度,高度默认由内容展开
3、可以设置宽高
1.2 行内元素
1、一行可以显示多个
2、宽度和高度默认由内容展开
3、不可以设置宽高
1.3 行内块
1、一行可以显示多个
2、可以设置宽高
1.4 转换
属性 | 效果 | 使用频率 |
---|---|---|
display:block | 转换成块级元素 | 较多 |
display:inline-block | 转换成行内块元素 | 较多 |
display:inline | 转换成行内级元素 | 较少 |
1、独占一行
2、宽度默认是父元素的宽度,高度默认由内容展开
3、可以设置宽高
1、一行可以显示多个
2、宽度和高度默认由内容展开
3、不可以设置宽高
1、一行可以显示多个
2、可以设置宽高
属性 | 效果 | 使用频率 |
---|---|---|
display:block | 转换成块级元素 | 较多 |
display:inline-block | 转换成行内块元素 | 较多 |
display:inline | 转换成行内级元素 | 较少 |