简体中文
简体中文
# display
CSS display 属性设置元素的布局方式，默认值为flex（弹性布局）。
# uni-app x 兼容性
| Web | Android | iOS |
|---|---|---|
| 4.0 | 3.9 | 4.11 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE |
|---|---|---|---|---|---|
| √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |
# 语法
display: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>;
# display 的属性值
| 名称 | 兼容性 | 描述 |
|---|---|---|
| flex | 该元素的行为类似块级元素并且根据弹性盒模型布局它的内容。 | |
| none | 使元素不再显示，其对布局不会有影响（文档渲染得好像这个元素并不存在）。所有的后代元素也不会再显示。为了使元素占据一个它通常占据的空间，但实际上没有渲染任何东西，应该使用 visibility 属性。 |
注意 设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。
# 默认值
| 平台 | 默认值 |
|---|---|
| uvue | flex |
注意：W3C 默认值为：inline
