Tag: flex

All the articles with the tag "flex".

• CSS flex 布局问题：子元素宽度和 `flex: 1` 解释

  Published:Jul 7, 2023 |  at 02:11 AM

  CSS flex 布局中，`align-items` 的默认值 `stretch` 会导致子元素占据父元素全部宽度，即使设置了 `display: inline-flex`。解决方法是将子元素的 `align-items` 属性设置为 `flex-start`。此外，文章还解释了 `flex: 1` 的含义及适用场景，`flex: 1` 是 `flex: 1 1 0%` 的简写。