2

サイズ変更可能な div 内に 5 つの div を均等に広げるのに苦労しています。要素を均等に(水平に)広げる方法を見てきましたか?しかし、それを機能させることはできません:-(

問題は、div 幅が 20% に設定されていても、周囲の div 幅が 5 で割り切れない場合、最後の要素が次の行に折り返されることです。

私のcssはこれです

#exposureSummaryContainer > div { width: 20%;display: inline-block;}

そして私のhtml:

<div id="exposureSummaryContainer">
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
</div>

5 つの要素すべてが同じ線上にあることを確認するにはどうすればよいですか?

私の問題を説明するために、これをhttp://jsfiddle.net/GTwFb/にしました。

4

6 に答える 6

0

float: left;プロパティを使用します

これは私にとってはうまくいきます: http://jsfiddle.net/GTwFb/2/

于 2013-04-10T09:09:01.500 に答える