display:规定元素的类型。
常用的类型有以下几种:
1、none:隐藏类型
将元素设置为隐藏类型,元素存在于html中,但不显示出来。
2、block:块类型
无论元素本身类型是块元素还是行内元素,设置了display: block;,浏览器都会将该元素以块元素类型来解析。
3、inline:行内类型
无论元素本身类型是块元素还是行内元素,设置了display: inline;,浏览器都会将该元素以行内元素类型来解析。
4、inline-block:行内块类型
将当前元素设置为行内元素来解析,但同时拥有块元素的特性。最常用的就是替代float属性。元素即跟随在前一个元素后面(前提是网页宽度足够),又支持块元素的特性(比如设置宽和高)。
Vue实践-CSS样式position/display/float属性对比使用