Question

你好这里的一个小问题我正在努力修复。尝试垂直对齐，没有快乐，并且已经没有想法了。

您可以看到为什么首页会阻止HERE

当标题只占一行时，图片下方的标题位于该区域的顶部。我希望它出现在图片和下面的组标题之间的那个区域的中间。有人可以提出什么建议吗？

由于

    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先生的回答

对齐文本中心

2 个答案: