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;
}