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ですか? したがって、上記の例では、より多くのテキストが含まれているため、 width は width に設定されるため、幅が大きくなります#div2。jQuery を使用して div 要素を反復処理して最大幅の要素を見つけ、それに応じて各 div を設定できると思いますが、おそらく CSS を使用したよりクリーンな方法や、より洗練された方法を使用した jQuery もありますか?#div1#div2

4

3 に答える 3

0

すべての div を #divWrapper div に単純に配置し、最小最大幅をその div に適用するとどうなるでしょうか。そうすれば、それらはすべて上から継承する必要があります。単純。簡単。掃除。

于 2013-02-05T22:13:46.933 に答える
0

CSS 開発者はそれに集中していませんでしたが、主要なブラウザーにこれを報告すれば、将来的にはそうするでしょう。現在jQuery、あなたが言及したようにこれを行うことができます。それを行うためのよりクリーンな方法が見つかるとは思わないので、そのままにしてくださいjQuery。それについて私が言えることはそれだけです。私は以前にこの問題を抱えていましたが、解決策を見つけることができませんでした。そこで、 を使用する代わりに、 を特定の幅で指定しjQuery、. それが役に立ったことを願っています。divmax-width

この質問を見てください。これでいくつかのアイデアが得られるかもしれません。

于 2013-02-06T03:49:51.500 に答える
0

2 つの内側の div を 180px にしたい場合は、CSS で次のように使用します。

#alldivs div{width:180px;}

それとも、あなたの質問を間違って読みましたか？

上記を説明する jsFiddle を次に示します。

http://jsfiddle.net/nabhW/

于 2013-02-06T04:08:09.650 に答える