我想使用弹出框垂直对齐内部的一些内容,<li>
但没有很大的成功。
我在网上查过,许多教程实际上使用了一个包装器div,它可以align-items:center
从父级的flex设置中获得,但是我想知道是否有可能删除这个附加元素?
我选择在这个实例中使用弹性框,因为列表项高度将是动态%。
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
ul {
height: 100%;
}
li {
display: flex;
justify-content: center;
align-self: center;
background: silver;
width: 100%;
height: 20%;
}
<ul>
<li>This is the text</li>
</ul>
相似问题