display属性

 1、显示内容

  display: block;

  用在内联元素中设置时,是把内联元素转换成具有块级元素的属性,可设置宽高

 2、内容消失,不会占据文档流空间

  display: none;

  display: block;

让消失的内容在显示,可以把内联转为块级,会独占一行。

 3、变成带“块级内联元素”

  display: inline-block;

  即有宽高,不会自动换行

 4、隐藏

  visibility: hidden;

  内容消失,但消失内容的位置会存在,会占据文档流原有的空间

  visibility: visible;显示

 注意:

  联想display: table-cell; 重温是作用:将标签属性转换成表格具有的属性

原文地址:https://www.cnblogs.com/hlrblog/p/7868092.html