jquery - 在 jquery masonry 中垂直居中文本

Question

我正在使用 jquery masonry 来显示图像。在这些图像中，我有脚本允许我翻转和淡入标题。但是我希望它们在盒子内完美居中。对于 Jquery 砌体，没有绝对的高度值。有没有办法像水平放置一样垂直放置东西(如同:右边距:自动；左边距:自动；清除:两者；)

现在，位置设置为距顶部 50%，但在较小的元素上，标题会偏离中心。

这是我的进度链接: http://geoffjohnsondesign.com/inprogress

感谢您的帮助!

杰夫

Answer 1

试试这个:你要做的第一件事是为你包含的 a:link 元素设置 display: inline-block 和 position: relative(你会想要为这些元素分配一个特定的类，而不是为页面上的每个元素都设置它):

a:link {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

一旦你有了它，你就可以为你的元素设置垂直边距。

.thumbnail .caption {
    margin: 50% auto;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}

看看是否可行。