有没有办法使用jQuery我可以使用outerwidth
来获取元素的宽度从.entry 1
到.entry 6
(没有在CSS中指定的宽度)和然后让容器在页面上居中?
基本上,我使用动态宽度作为条目,但是它们所处的容器没有动态宽度。这样当用户调整窗口大小(以及不同的屏幕分辨率)时,数量最多每行的帖子可能。我想要一个用于衡量第一行帖子的脚本,并设置div #content
的宽度,以便我可以使用margin auto
。
示例:here
答案 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%移回(它应该居中)。