對齊文本中心

Question

你好，我在這里努力解決一個小問題。 嘗試垂直對齊，沒有快樂，已經沒有想法。

你可以看到為什么首頁會在這里阻止

當標題只占一行時，圖片下方的標題位於該區域的頂部。 我希望它出現在圖片和下面的組標題之間的那個區域的中間。 誰能提出任何建議？

謝謝

    ul.views-fluid-grid-items-center li.views-fluid-grid-item {
        background: none repeat scroll 0 0 black;
        position: relative;
    }

    li.views-fluid-grid-item .views-field-title {
        padding: 0 4px;
    }

Answer 1

正如我標記的那樣，你網站上的所有黑色部分都是高度固定的，只需使用display: table-cell和vertical-align: middle ，你很高興去

li.views-fluid-grid-item .views-field-title a {
    color: #AAAAAA;
    display: table-cell;
    height: 40px; /* Fix appropriate height here */
    vertical-align: middle;
}

Answer 2

你可以添加line-height: 37px; 到li.views-fluid-grid-item .views-field-title a

但是你必須切斷兩行的文字..

編輯：我會留在這里作為參考，但我更喜歡Alien先生的回答