0

<div>ウィンドウをスケーリングした後、親がそのサイズ（要素に応じて）を維持するようにするcss-ruleはありますか？より明確にするために、ここに例があります：

<div style="width: 100%; height: 100%;">
    <div style="width: 30px; height: 30px;">
        text1
    </div>
    <div style="width: 60px; height: 30px;">
        text2
    </div>
    <div style="width: 30px; height: 30px;">
        text3
    </div>
</div>

このコードは、3つの小さなdivが内部にあるdivを表示する必要があります。これで、ウィンドウのサイズを変更すると、個々の子が新しい行に「分割」されます。

どうすればこの動作を防ぐことができますか？min-width幅を動的にしたいので、を使用しても機能しません。子の追加と削除が可能であるはずです。私の頭に浮かんだ唯一のオプションは、javascriptを介して子を数え、次にjavascriptをmin-width介して属性を設定することでした。しかし、これはcssで処理できるはずだと思います。

4

1 に答える 1

0

追加：

white-space: nowrap;

親divに。私はそれが彼らを同じ線に保つだろうと思います。提供した例では、次のものも必要です。

display: inline;

子divに。

http://jsfiddle.net/9dzBy/

于 2013-03-16T16:20:56.343 に答える