1

ID が#parentであるコンテナがあり、クラス のいくつかの画像を動的に追加します。要素.childの幅と高さは固定であると想定できます。.child

.child水平方向のリストを作成するために、すべてを横に並べて表示したいと考えています。#parentすべての合計幅に自動的にサイズ変更するにはどうすればよい.childですか?

どうもありがとう！

PS: 純粋な CSS ソリューションが必要です..

フィドル: http://jsfiddle.net/u8GPN/1/

解決策はここにあります: http://jsfiddle.net/u8GPN/28/

4

2 に答える 2

4

親inline-blockを作成して追加できますwhite-space: nowrap;：

#parent {
    display: inline-block;
    overflow: hidden;
    border: 1px dashed blue;
    white-space: nowrap;
}

http://jsfiddle.net/u8GPN/22/

新しいブロックを動的に追加してテストするにはhttp://jsfiddle.net/u8GPN/23/

于 2013-03-16T07:21:55.673 に答える
1

クロスブラウザサポートの問題を解決するためposition: absoluteにdivに渡すこともできます。#parent（またはwhite-space: nowrap@dfsqの投稿に示されているように）

#parent {
     display : block; /* (or) inline-block */
     overflow : hidden;
     border: 1px dashed blue;
     position:absolute; /* Doesn't extend the width more than the page's width */
}

ワーキングフィドル

要素の幅と高さが固定されていると述べたように、レイアウトのスペースを占めるには、要素の高さと明示的に等しい高さを指定.childする必要があり ます。#view.child

于 2013-03-16T07:31:18.883 に答える