0

我有 div 元素，我正在设置它们的长度和宽度，如下所示：

<div id="alldivs" style="width:600px;">
    <div id="div1" class="mydiv" style="float: left; min-width:140px; max-width:185px;">
        test text
    </div>
    <div id="div2" class="mydiv" style="float: left; min-width:140px; max-width:185px;">
        test text 2
    </div>
</div>

如何将每个 div 元素的宽度#alldivs设置为最大宽度？因此，在上面的示例中，宽度#div2将设置为宽度，#div1因为#div2包含更多文本，因此将具有更大的宽度。我想我可以使用 jQuery 来迭代 div 元素以找到最大宽度的元素，然后相应地设置每个 div 但也许有使用 CSS 的更清洁的方法，甚至 jQuery 使用更优雅的方法？

4

3 回答 3

0

如果您只是将所有 div 放入 #divWrapper div 并将您的最小最大宽度应用于该 div 会怎样。这样他们都应该从上面继承。简单的。简单的。干净的。

于 2013-02-05T22:13:46.933 回答
0

CSS 开发人员并没有专注于此，但希望将来如果您向主流浏览器报告此问题，他们会这样做。目前，您只能jQuery按照您提到的方式执行此操作。我认为您不会找到任何更清洁的方法来做到这一点，所以坚持使用jQuery. 这就是我能说的。我以前遇到过这个问题，我找不到解决方案。所以我做了什么，而不是使用jQuery，我指定了div具有特定宽度的 's 并放弃使用max-width. 希望有帮助。

看看这个问题，也许这会给你一些想法。

于 2013-02-06T03:49:51.500 回答
0

如果您只想让两个内部 div 为 180px，那么在您的 CSS 中您将使用

#alldivs div{width:180px;}

或者也许我读错了你的问题？

这是一个说明上述内容的jsFiddle，..

http://jsfiddle.net/nabhW/

于 2013-02-06T04:08:09.650 回答