1

您好这里有一个小问题，我正在努力解决。尝试垂直对齐时没有任何乐趣并且已经没有想法了。

您可以在此处查看为什么首页会被屏蔽

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

谢谢

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

2 回答 2

3

正如我所标记的，您网站中所有黑色部分的高度都是固定的，只需与您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;
}
于 2013-04-18T16:06:03.653 回答
1

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

但是你将不得不切断文本进入两行..

编辑：我将把它留在这里以供参考，但我更喜欢 Alien 先生的回答

于 2013-04-18T16:06:16.733 回答