display：flex应该放在哪里？

Question

在this answer中，display:flex与li一起使用，即li是父容器。但是不应将此display:flex属性放在ul中，因为UL的高度为100％，我们希望将li作为子元素并应用 align使用 align items 使其在垂直上居中，因为li是容器没有高度的容器，因此内容不应偏向中心。 Plz给出了清楚的解释，为什么display:flex不使用ul，或者如果我们想与li一起使用，那么为什么li的高度未设置为100％。 / p>

Answer 1

为使flex项目垂直对齐，父容器应具有“一定”的高度。高度不必一定是100％。在此示例中，li的高度为20％，align-items: center如预期的那样，将li内的文本在该20％高度的中心垂直对齐。