CSS文字垂直对齐

Question

如您在我的博客http://www.lowcoupling.com的索引页中所看到的，每个帖子的左侧都有一个方框，其中描述了评论的数量。 我想使此文本垂直对齐。 问题是行的高度取决于浏览器的宽度以及帖子中的字符数。 有什么办法吗？

Answer 1

尝试添加.commentBox { margin-top: 10px; } .commentBox { margin-top: 10px; }由于标题中的行数不同，因此很难使其准确居中，但是您可以根据自己的喜好调整高度

Answer 2

由于您未提供任何代码或jsfiddle，因此问题尚不清楚。.有许多解决方案可能有效...尝试在注释框的div内输入text-align:center或vertical-align:middle作为文本...或margin-top:10px评论框为10 margin-top:10px

Answer 3

我已经使用这种技巧已有一段时间了，请让我知道它如何为您工作

.container .row .col-lg-10 > .row {
    display: table;
}

.container .row .col-lg-10 > .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}