css属性display详解

在css中,display可以设置为下面四类值:
1. 基本值:none/inline/block/inline-block
1. table类型
1. flexbox类型
1. grid类型

基本值

当为none时,元素会隐藏。(思考和visibility: hidden的区别)

inline和block的区别:设置行高、margin、宽高等。

当元素设置为inline或inline-block时,元素之间会产生间隙,解决方法有2种:
1. 将间隙空格去掉
2. 由于空隙是空白文本造成的,所以设置父元素的font-size:0, 然后用子元素font-size覆盖。

table类型

  • table
  • table-row
  • table-cell

发表评论

电子邮件地址不会被公开。 必填项已用*标注