常用display属性

2024-08-26 12:35:29

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

最新文章

热门文章