你知道display这几个属性值（block, inline, inline-block, none, table-cell, list-item）之间的区别吗

 

使用display:block属性的元素具有以下特征：

• 元素成为块级元素，独占一行，可以设置宽高
• 不设置宽度时，宽度为父元素宽度

使用display:inline属性的元素具有以下特征：

• 元素成为行内元素，非独占一行，无法设置宽高
• 由内容撑开宽度

使用display:inline-block属性的元素具有以下特征：

• 元素成为行内块元素，非独占一行，可以设置宽高
• 不设置宽度时，由内容撑开宽度

使用display:none属性的元素具有以下特征：

• 元素不会被显示

使用display:table-cell属性的元素具有以下特征：

• 元素被当作表格单元格显示(类似td和th), 非独占一行，可以设置宽高
• 不设置宽度时，由内容撑开宽度

使用display:list-item属性的元素具有以下特征：

• 元素被当作列表显示，独占一行，可以设置宽高
• 不设置宽度时，宽度撑满一行