常用display属性
table
1. 宽高由内容撑开
2.独占一行
3.可设置宽高
4.可设置margin、padding
inline-table
与display: table大体一致,区别在于不独占一行,为行内元素
table-row
1.宽高由内容撑开,但当父元素为display:table(相当于table)时宽度为父元素宽度
2.设置宽无效,高有效
3.独占一行
4.设置margin、padding无效
table-cell
1.宽高由内容撑开,可以以像素为单位设置,但不建议使用百分比为单位进行设置
2.不独占一行,行内元素
3.将vertical-align设为middle的情况下内容垂直对齐
4.同级等高(以最高元素为准)
5.设置margin无效,可设置padding,设置padding会撑开其宽高
6.position: absolute/fixed及float会破坏其特性
list-item
1.独占一行
2.可设置宽高
3.可设置margin、padding