jQuery 使用outerwidth 设置元素宽度

Question

jQuery 有没有一种方法可以使用 outerwidth 来获取从 .entry 1 到 .entry 6 的元素宽度（这并不CSS 中没有指定宽度）然后让容器在页面上居中？

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

示例：此处

Answer 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());

Answer 2

使用 javascript 宽度函数（和 jQuery 等效函数），无论您是否在 css 中声明它，您始终可以获得当前宽度。

如果我没猜错的话，你可以循环遍历 6 个条目，将它们的宽度加在一起，然后将容器从左侧移动 50%，向后移动其自身宽度的 50%（然后应该居中）。