div内のインライン要素の中央揃えのベストプラクティスは何ですか？

たとえば、親のdivと5つの画像がある場合、画像の周りに少し余白を入れてそのdivの中央に配置したいと考えています。div内のインライン要素の中央揃えのベストプラクティスは何ですか？

2012-02-08 TJS

コンテナにテキストアラインCSSの値を使用します。

div { 
text-align: center; 
}

や画像のそれぞれにマージンを適用内側：

div img { 
margin: 5px; 
}

出典

2012-02-08 17:53:18 iiz

この回答が見つかった場合は、問題を解決してください[http://meta.stackexchange.com/a/5235](http://meta.stackexchange.com/a/5235） – iiz

これを試してみてください：IMGノードのhttp://jsfiddle.net/QrgGH/1/ substitueのdiv

出典

2012-02-08 17:56:42 zero

私はそれは問題ではありませんが、私の画像は並べてあり、それは私のために働いていませんでした：/ .divName { \tポジション：絶対; } .div img { \t境界線：4px solid #fff; \t margin：auto; \t margin-top：5px; \t位置：相対; – TJS

は並んでいますか？あなたはそれらを浮かせていますか？親divの幅は何ですか？私たちは一見を持つことができるようにあなたのHTMLとCSSのコードを投稿してください – zero

私はちょうど私がちょうどテキスト整列時に動作すると言ってみましょう：センター;親div。私はそれが正しい方法であるかどうか分かりません。これは私のHTML/CSSです： '

' '.div { \tテキストアラインメント：center; } .div img { \t境界線：4px solid #fff; \t margin：auto; \t margin-top：5px; } ' – TJS

<div class="container"> 
    <div class="images"> 
    <img src="#" alt=""> 
    <img src="#" alt=""> 
    <img src="#" alt=""> 
    </div> 
</div> 

img{max-width: 100%; height: auto;} 
.container{text-align:center;} 
.images{margin: 5px;}

ブロックおよびインライン要素についての情報を参照してください。

出典

2016-11-19 13:00:55

div内のインライン要素の中央揃えのベストプラクティスは何ですか？

答えて

関連する問題