Flexbox 容器内的垂直文本对齐
Flexbox 布局中内容的垂直对齐可能具有挑战性。以下是如何在不诉诸额外包装元素的情况下实现它。
在您的示例中，问题在于在
以下是更新后的代码：
ul {
height: 100%;
}
li {
display: flex;
justify-content: center;
align-items: center; /* Updated this line */
background: silver;
width: 100%;
height: 20%;
}说明：
以上是如何在没有包装器的情况下垂直对齐 Flexbox 容器内的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！
