Html 这是display:flex的正确用法吗？

这是一个正确的用例吗

显示：在

上使用flex，然后每个

都有一个基于像素或百分比的宽度

我想使用它的主要原因是，我可以使用

对齐项目：居中

（垂直对齐）

---

它似乎工作得很好，我不能让它与其他任何东西一起很好地工作，但感觉不对，因为我实际上没有在列表项上使用任何flex值

是的，这种用法完全有效。这只是意味着所有的孩子都会得到他们的默认行为，即

flex:01 auto

（语法是

flex:

）。这正好是你想要做的，就是把所有的项目适当地对齐。您不希望任何项目增长（

flex-grow:0

），如果需要，它们都应收缩到相同的大小（

flex-shorn:1

），并希望根据内容进行布局（

flex-basis:auto

）

我建议浏览下一页，因为它解释得非常清楚：

---

它解释了所有属性，在必要时提供了示例和指向最关键W3资源的链接，例如对于

flex basis

，使用

align items:center

进行垂直对齐：