.container { display: flex; }display:除了flex还有什么选项？

除了`flex`之外，`display`属性还有以下选项：
- `block`：元素将被显示为块级元素，占据一行的全部宽度。
- `inline`：元素将被显示为内联元素，不会独占一行，而是与其他元素在同一行显示。
- `inline-block`：元素将被显示为内联块级元素，不会独占一行，但可以设置宽度和高度。
- `none`：元素将被隐藏，不会在页面上显示。

以下是一个例子：

.container {
  display: block;
}

相关问题

关于CSS FLEX 对下面给出的样式声明,请解释一下align-items在此 container 容器中起到的作用。 .container display: flex; flex-direction: column:align-items: center: justify-content: center.

align-items属性指定了flex容器中所有flex项目在交叉轴上的对齐方式。在这个样式声明中，align-items:center将所有flex项目在交叉轴上居中对齐。因为flex-direction被设置为column，所以交叉轴是水平轴。justify-content:center将所有flex项目在主轴上居中对齐。

.container{width:100vw;height:100vh;display:flex;.left{flex:1;display:flex}}这儿的flex:1是啥

在CSS中，flex是一种弹性布局的属性，用于控制元素在容器中的伸缩比例。flex:1是flex属性的一个取值，表示元素在容器中占据可用空间的比例为1，即将剩余空间平均分配给所有具有flex属性的元素。

具体来说，当容器的宽度或高度有剩余空间时，flex:1的元素会根据自身的flex-grow属性值来分配剩余空间。如果所有具有flex属性的元素的flex-grow值都为1，则它们会平均分配剩余空间；如果其中一个元素的flex-grow值为2，而其他元素的flex-grow值为1，则前者会获得更多的剩余空间。

总结一下，flex:1表示元素在容器中占据可用空间的比例为1，即平均分配剩余空间。