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中垂直居中文本

回答

相關問題