Notes

display 的 block, inline, inline-block

block

块级元素 block level element

block 元素通常是被视为独立的一块,单独占一行

常见默认 block 元素

inline

内联元素 inline element

inline 元素前后不换行,都在一行中显示,除非一行占满了

常见默认 inline 元素

block 与 inline 元素的关系

inline-block

元素也可以设置为

display: inline-block;

这样,此元素对外呈现 inline 样式,对内呈现 block 样式,即对外可以与同级元素共处一行,对内可以设置元素宽高