为什么在 Flex 项目上设置固定高度不会影响其大小？

对于这个例子来说，处理这一行就足够了：

.flex-item {
    ... ;
    height: auto;
}

修改它的值：

.flex-item {
    ... ;
    height: 50px;
}

这个修改将根本不改变任何东西。高度仍会自动计算。

要使所有方形单元格读取如下：

这是使用 Flexbox 使所有单元格成为方形的一种可能方法。

1. 要限制纵横比，无论是手动还是绝对值，请按照您已经做的那样设置百分比。
2. 然后重置这些单元格上的 Flexbox 相关高度/宽度为自动。这些确保项目在更改时不会调整大小以适应容器大小。

.flex-item {
  ... ;
  height: auto;
  width: auto;
  min-width: 50px; /* minimum width of 50px; adapt to your needs */ 
}

以上是为什么在 Flex 项目上设置固定高度不会影响其大小？的详细内容。更多信息请关注PHP中文网其他相关文章！