html - CSS 文本垂直对齐

Question

正如您在我的博客http://www.lowcoupling.com的索引页面中看到的那样，每个帖子的左侧都有一个框，其中描述了评论的数量。我想让这个文本垂直对齐。问题是行的高度取决于浏览器的宽度和帖子中的字符数。有没有办法做到这一点？

Answer 1

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

Answer 2

由于您没有提供任何代码或 jsfiddle，因此问题不清楚..有很多解决方案可能有效...尝试text-align:center或vertical-align:middle在评论框的 div 中输入您的文本...或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;
}