Question

如何理解CSS的display属性

Answer 1

display：规定元素的类型。

常用的类型有以下几种：

1、none：隐藏类型

将元素设置为隐藏类型，元素存在于html中，但不显示出来。

2、block：块类型

无论元素本身类型是块元素还是行内元素，设置了display: block;，浏览器都会将该元素以块元素类型来解析。

3、inline：行内类型

无论元素本身类型是块元素还是行内元素，设置了display: inline;，浏览器都会将该元素以行内元素类型来解析。

4、inline-block：行内块类型

将当前元素设置为行内元素来解析，但同时拥有块元素的特性。最常用的就是替代float属性。元素即跟随在前一个元素后面（前提是网页宽度足够），又支持块元素的特性（比如设置宽和高）。