0

タイトルが悪いので申し訳ありませんが、わかりやすく表現する方法がわかりません。divに一連の画像があります：

 <div class='container'>
    <img src="1.jpg">
    <img src="2.jpg">
    <img src="3.jpg">
 </div>

画像を並べて浮かせ、収まらない場合は折り返そうとしています。通常はフロートで実現しますが…「中心」に揃えて欲しいです。したがって、コンテナが3つの画像よりも広い場合、それらは同じ行のdivの中央に表示されますが、コンテナが狭い場合、最後の要素はワープし、他の2つの画像の下に中央に配置されます。リスト、フロート、マージン、このcssで上記の構造が機能していることがわかりました。

 .container{
    text-align: center;
 }

これはこれを処理する正しい方法ですか？私のCSSの頭脳のあらゆる部分が、これはテーブルを使用してサイドバーをレイアウトするのと同じくらい悪いと言っています。

ありがとうSO！

4

2 に答える 2

2

これはこれを処理する正しい方法ですか？

提供されたマークアップに基づいて、はい、それはインライン要素のグループを中央に配置する正しい方法です。

このtext-alignプロパティ は、ブロックのインラインコンテンツがどのように整列されるかを記述します。テキストだけに影響を与えることは想定されておらず、CSS1が作成されたときの名前は適切ではありませんでした。

于 2012-11-12T16:51:21.370 に答える
0

実際、私はあなたの解決策に行きます、私はそれで何も悪いことを見ることができません。

于 2012-11-12T16:51:49.490 に答える