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属性的主要内容,如果未能解决你的问题,请参考以下文章