## 块元素 block * 默认独占一行 * 没有宽度时，默认撑满一行 * 支持所有css命令 * 典型的块级元素：div <br> ## 内嵌(内联、行内) inline * 一行显示多个 * 内容撑开宽度 * 不支持宽高 * 不支持上下的margin * 典型的行内元素：a <br> ## 行内块 inline-block * 一行显示多个 * 行内属性标签支持宽高 * 没有宽度的时候内容撑开宽度 * 典型的行内块元素：img <br> ## 标签类型转换 ~~~ /* 元素转行内 */ div{ display:inline; } /* 元素转行内块 */ div{ display:inline-block; } /* 元素转块 */ a{ display:block; } ~~~ <br>