2012-02-12 89 views
0

是否有一種方法與jQuery,我可以使用outerwidth.entry 1.entry 6(沒有在CSS中指定寬度)的元素的寬度,然後將容器以頁面爲中心?jQuery使用外部寬度來設置元素寬度

基本上,我對條目使用動態寬度,但對於它們所在的容器沒有動態寬度。這是爲了在用戶調整窗口大小(以及不同的屏幕分辨率)時,每行可能職位的數量。我想測量的第一行上的帖子,並設置div #content的寬度,這樣我就可以使用margin auto腳本。

例子:here

+0

無需自己解釋,如果符合[FAQ](http://stackoverflow.com/faq)的要求,歡迎所有問題。您可以直接發佈你的代碼的問題? – mc10 2012-02-12 00:21:14

+0

這是你以後? http://masonry.desandro.com/demos/centered.html – thirtydot 2012-02-12 01:08:03

回答

0

使用JavaScript寬度功能(和jQuery當量)你總是得到當前的寬度,不管你宣佈它在CSS與否。

如果我得到你的權利,你可以只在6項循環,增加其寬度在一起,從左至右移動容器50%,其自身寬度的50%回(這應該是居中的,然後)。

+0

我不能那樣做,因爲在較小的屏幕上,連續的帖子數量會減少,而在較大的屏幕上會有更多。 – 2012-02-12 00:49:48

+0

你應該得到響應,然後使用媒體標籤,如@media(max-width:480px){} – danwit 2012-02-12 00:54:41

1
//CSS // centers an object in its "relative" parent 
.element { 
    margin: 0 auto; 
} 

//JS // places outwidth of eleID1 as the width of eleID2 
$(".eleID2").width($("#eleID1").outerWidth());