inline
- 默认值
- 显示为内联元素，可以多个共占一行
- 对其设置width、height无效。大小由内容撑开
- 可以使用margin和padding
如何将其转化成块元素？ - 设置 float:left
- 设置 position:absolute
block
- 独占一行
- 不设置width，默认撑满父元素的宽度
inline-block
- 行内块元素
- 可以设置width、height
- 源代码标签之间有空隙，布局会有空隙
img1
这个间隙问题如何解决？ - 源代码两个inline-block标签紧接着写，但这样不利于维护
- 设置父元素：font-size:0;当前元素：font-size:Npx;
- 设置margin-right为负值。由于字体各标准不一，不能完全适用
- 设置父元素的word-spacing为负值
inline-table
- 用于table元素
list-item
- 转换成ul的列表元素显示效果
还有一些不常用的：
img2
网友评论