我想使用flexbox在<li>
中垂直对齐一些内容,但效果不是很好。
我在网上查过了,许多教程实际上使用了一个包装器div,它从父组件的flex设置中获取align-items:center
,但我想知道是否有可能去掉这个额外的元素?
在这种情况下,我选择使用flexbox,因为列表项高度将是一个动态%
。
* {
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>
https://stackoverflow.com/questions/25311541
复制相似问题