jQuery使用外部宽度来设置元素宽度

问题描述：

是否有一种方法与jQuery，我可以使用outerwidth从.entry 1到.entry 6（没有在CSS中指定宽度）的元素的宽度，然后将容器以页面为中心？jQuery使用外部宽度来设置元素宽度

基本上，我对条目使用动态宽度，但对于它们所在的容器没有动态宽度。这是为了在用户调整窗口大小（以及不同的屏幕分辨率）时，每行可能职位的数量。我想测量的第一行上的帖子，并设置div #content的宽度，这样我就可以使用margin auto脚本。

例子：here

无需自己解释，如果符合[FAQ]（http://*.com/faq）的要求，欢迎所有问题。您可以直接发布你的代码的问题？ – mc10 2012-02-12 00:21:14

这是你以后？ http://masonry.desandro.com/demos/centered.html – thirtydot 2012-02-12 01:08:03

答

使用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());

jQuery使用外部宽度来设置元素宽度

相关推荐