# display

CSS display 属性设置元素的布局方式,默认值为flex(弹性布局)。

# uni-app x 兼容性

Android iOS web
3.9 4.11 4.0

# 语法

display: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>;

# display 的属性值

flex 该元素的行为类似块级元素并且根据弹性盒模型布局它的内容。

none 使元素不再显示,其对布局不会有影响(文档渲染得好像这个元素并不存在)。所有的后代元素也不会再显示。为了使元素占据一个它通常占据的空间,但实际上没有渲染任何东西,应该使用 visibility 属性。

# 默认值

平台 默认值
uvue flex

注意:W3C 默认值为:inline

# 兼容性

# display 的属性值兼容性

Android iOS web
flex 3.9 4.11 4.0
none 3.9 4.11 4.0

# 浏览器兼容性

Chrome Edge Firefox Opera Safari IE
display √( 1 ) √( 12 ) √( 1 ) √( 7 ) √( 1 ) √( 4 )
flex √( 1 ) √( 12 ) √( 1 ) √( 7 ) √( 1 ) √( 4 )

# 参见