display属性

Posted 蓝心高飛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了display属性相关的知识,希望对你有一定的参考价值。

 1、显示内容

  display: block;

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

 

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

  display: none;

  display: block;

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

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

  display: inline-block;

  即有宽高,不会自动换行

 4、隐藏

  visibility: hidden;

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

  visibility: visible;显示

 注意:

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

以上是关于display属性的主要内容,如果未能解决你的问题,请参考以下文章

display_15属性

display属性剖析

display属性

深入理解display属性

CSS display 属性

DIV中display和visibility属性差别