你知道display这几个属性值（block, inline, inline-block, none, table-cell, list-item）之间的区别吗
其他
2021-02-09 00:09:03
阅读次数: 0
使用display:block属性的元素具有以下特征：
- 元素成为块级元素，独占一行，可以设置宽高
- 不设置宽度时，宽度为父元素宽度
使用display:inline属性的元素具有以下特征：
- 元素成为行内元素，非独占一行，无法设置宽高
- 由内容撑开宽度
使用display:inline-block属性的元素具有以下特征：
- 元素成为行内块元素，非独占一行，可以设置宽高
- 不设置宽度时，由内容撑开宽度
使用display:none属性的元素具有以下特征：
使用display:table-cell属性的元素具有以下特征：
- 元素被当作表格单元格显示(类似td和th), 非独占一行，可以设置宽高
- 不设置宽度时，由内容撑开宽度
使用display:list-item属性的元素具有以下特征：
- 元素被当作列表显示，独占一行，可以设置宽高
- 不设置宽度时，宽度撑满一行
转载自blog.csdn.net/zzo12345/article/details/109322910