我知道总是有人问垂直对齐，但我似乎无法找到这个特定示例的解决方案。我希望文本在元素内居中，而不是元素本身居中：
li a {
width: 300px;
height: 100px;
margin: auto 0;
display: block;
background: red;
}
<ul>
<li><a href="">I would like this text centered vertically</a></li>
</ul>
真的没有 CSS 属性吗？我愿意添加一个<span>但我真的不想添加更多的标记。
根据CSS 灵活盒子布局模块 http://www.w3.org/TR/css3-flexbox/，你可以声明a元素作为柔性容器（见图）并使用align-items to 垂直沿交叉轴（它垂直于主轴).
您需要做的就是：
display: flex;
align-items: center;
看到这个fiddle http://jsfiddle.net/GqBAL/651/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
