我有一个带有一些文本的 div 和writing-mode: vertical-rl。现在我希望这段文字位于中间，但是vertical-align: middle;即使设置也不起作用line-height.
.a{
background-color: coral;
writing-mode: vertical-lr;
min-height: 10em;
vertical-align: middle;
line-height: 2em;
}
<div class="a">hiiiii<div>
我怎样才能做到这一点？
use CSS3 弹性盒概念，将以下代码添加到您的样式表中，效果很好
display:flex;
justify-content:center;
align-items:center;
我添加了下面的代码片段。
.a{
display:flex;
justify-content:center;
align-items:center;
background-color: coral;
writing-mode: vertical-lr;
min-height: 10em;
line-height: 2em;
}
<div class="a">hiiiii<div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
