是否有一種方法與jQuery,我可以使用outerwidth
從.entry 1
到.entry 6
(沒有在CSS中指定寬度)的元素的寬度,然後將容器以頁面爲中心?jQuery使用外部寬度來設置元素寬度
基本上,我對條目使用動態寬度,但對於它們所在的容器沒有動態寬度。這是爲了在用戶調整窗口大小(以及不同的屏幕分辨率)時,每行可能職位的數量。我想測量的第一行上的帖子,並設置div #content
的寬度,這樣我就可以使用margin auto
腳本。
例子:here
是否有一種方法與jQuery,我可以使用outerwidth
從.entry 1
到.entry 6
(沒有在CSS中指定寬度)的元素的寬度,然後將容器以頁面爲中心?jQuery使用外部寬度來設置元素寬度
基本上,我對條目使用動態寬度,但對於它們所在的容器沒有動態寬度。這是爲了在用戶調整窗口大小(以及不同的屏幕分辨率)時,每行可能職位的數量。我想測量的第一行上的帖子,並設置div #content
的寬度,這樣我就可以使用margin auto
腳本。
例子:here
使用JavaScript寬度功能(和jQuery當量)你總是得到當前的寬度,不管你宣佈它在CSS與否。
如果我得到你的權利,你可以只在6項循環,增加其寬度在一起,從左至右移動容器50%,其自身寬度的50%回(這應該是居中的,然後)。
我不能那樣做,因爲在較小的屏幕上,連續的帖子數量會減少,而在較大的屏幕上會有更多。 – 2012-02-12 00:49:48
你應該得到響應,然後使用媒體標籤,如@media(max-width:480px){} – danwit 2012-02-12 00:54:41
//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());
無需自己解釋,如果符合[FAQ](http://stackoverflow.com/faq)的要求,歡迎所有問題。您可以直接發佈你的代碼的問題? – mc10 2012-02-12 00:21:14
這是你以後? http://masonry.desandro.com/demos/centered.html – thirtydot 2012-02-12 01:08:03