jQuery使用outerwidth设置元素宽度

时间:2012-02-12 00:12:57

标签: javascript jquery width margin

有没有办法使用jQuery我可以使用outerwidth来获取元素的宽度从.entry 1.entry 6(没有在CSS中指定的宽度)和然后让容器在页面上居中?

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

示例:here

2 个答案:

答案 0 :(得分: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());

答案 1 :(得分:0)

使用javascript width函数(和jQuery等价物),无论你是否在css中声明它,你总是得到当前的宽度。

如果我把你弄好了,你可以绕过6个条目,将它们的宽度加在一起,然后将容器从左边移动50%,将自己宽度的50%移回(它应该居中)。