HTML 中 flex: 1 属性详解 - 空间分配与比例分配 - 常规

在 HTML 中，'flex: 1' 是一个元素的 'flex' 属性的一个值，用于定义一个 flex 容器中的子元素的大小和空间分配。当一个元素的 'flex' 属性设置为 '1' 时，它会根据可用空间自动分配剩余空间，并且会与其他具有相同 'flex' 属性的元素按比例分配空间。

具体来说，当一个元素的 'flex' 属性设置为 '1' 时，它会自动占据 flex 容器中剩余的可用空间，并以比例分配给其他具有相同 'flex' 属性的元素。例如，如果一个容器中有 3 个子元素，其中一个元素的 'flex' 属性设置为 '1'，其他两个元素的 'flex' 属性都没有设置，默认为 '0'，那么这个元素将占据容器中剩余的两倍空间。

总之，'flex: 1' 用于指定一个元素在 flex 布局中的大小和空间分配。