Javascript 获取并使用jquery设置每个div的宽度

我试图将div集中在li中，问题是div的内容是动态生成的，可以更长或更短

这是一个一里的样本（至少有一部分达到1000左右）

返回|


2014年3月11日

---

因此，我需要在页面加载后获得每个div的宽度，并将div设置为该宽度，以便边距自动将其居中。最好能用jquery完成，谢谢你的回答，我们将不胜感激

此插件用于窗口中的中心，您可以将其更改为自己的

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
}

如何使用：

$(element).center();

---

您最好使用jQuery的documentready函数并设置div的宽度-请参阅：

遍历每个匹配的div并获取当前宽度。然后将相同的宽度应用于元素

$(document).ready(function() {
    $('.channel_date').each(function() {
        var curWidth = $(this).width(); // determine the width
        $(this).width(curWidth); // set the width
    });
});

然后在CSS中：

.channel_date {
    margin: 0 auto;
}

---

你忘了发布你尝试过但不起作用的JavaScript。你能与我们分享你迄今为止尝试过的代码吗？无法获得任何接近工作的东西，所以我没有发布它！谢谢，它可以工作，但是将所有div设置为最宽div的宽度，而不是每个div自己的宽度？您的问题缺乏足够的信息来帮助我为您调试该问题。

.channel_date {
    margin: 0 auto;
}