显示模式

导航

1 块级元素 block
独占一行
默认宽度为父级100%
设置宽高有效

2 行内元素 inline
一行多个
默认宽度由内容决定
设置宽高无效
span123456 span123

3 行内块元素 inline-block
一行多个
默认大小由内容决定
设置宽高有效

转换显示模式
块级：display: block;
行内块：display: inline-block;
行内：display: inline;

div： display: block;
div： display: inline-block;
div： display: inline;