jquery masonry中垂直居中文本

我正在使用jquery masonry来显示图像。在这些图像中，我有脚本，可以让我翻转和淡入标题。不过，我希望他们在盒子内完美居中。用Jquery砌体，没有绝对的身高值。反正是有位置的事情垂直状即可水平（类似于：保证金权：汽车; 保证金左：自动; 明确：既;）jquery masonry中垂直居中文本

现在的定位是从设定50％但是在较小的元素中，标题显示偏离中心。

这里是我进步的链接： http://geoffjohnsondesign.com/inprogress

感谢您的帮忙！

杰夫

来源

2011-08-31 Geoff

试试这个：你想要做的第一件事就是设置display: inline-block和position: relative您包含：link元素（你要指定一个特定的类，以这些元素，而不是设置此每单一个页面上）：

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

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

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

看看是否有效。

来源

2011-08-31 21:06:48

隐藏字幕中你jQuery代码出于某种原因，它适用于较大的缩略图的代码，但对于更小的缩略图，一点也没有似乎排列不正确。这个网站似乎有它。 http://damiencorrell.com/ – Geoff

比较晚，但在这里不用..

您需要将标题为50％，但在标题的一半大小向上移动。为此，我们使用保证金..

所以更换与

$('.thumbnail .caption') 
    .css({ marginTop: function(elem,val){ return $(this).outerHeight()/-2; } }) 
    .hide();

来源

2011-11-12 01:35:08

jquery masonry中垂直居中文本

回答

相关问题