<分区>
<分区>
我有这段代码:
<div class="row margin-bt-5">
<div class="col-xs-4 ft-bold">Name :</div>
<div class="col-xs-8">
<h2>Content</h2>
</div>
</div>
但是因为我有不同的字体大小,所以它们没有垂直对齐。我明白了:
如何将“名称”的中间与“内容”的中间对齐?谢谢
最佳答案
您可以对行使用 flex
。
.margin-bt-5 {
display: flex;
align-items: center;
}
.margin-bt-5 h2 {
margin-top: 10px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row margin-bt-5">
<div class="col-xs-4 ft-bold">Name :</div>
<div class="col-xs-8">
<h2>Content</h2>
</div>
</div>
关于html - 在 HTML 中将文本与标题标签 (h2) 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51608528/