-webkit-flex

`-webkit-flex` 是一个 CSS 属性，用于设置元素在 flex 布局中的扩展性。它只适用于使用 WebKit 引擎的浏览器，如 Safari 和 Chrome。

该属性有三个可能的值：

- `none`：元素不参与 flex 布局，其宽度和高度属性仍然生效。
- `auto`：元素的宽度和高度属性被忽略，其大小由其内容和父元素的大小决定。
- `<flex>`：元素在 flex 容器中按照指定的比例分配剩余的空间。值越大，分配到的空间越多。

例如，以下代码将两个元素放置在一个 flex 容器中，第一个元素的宽度是第二个元素的两倍：

<div style="display: -webkit-flex;">
  <div style="-webkit-flex: 2;">元素 1</div>
  <div style="-webkit-flex: 1;">元素 2</div>
</div>