以下のサイトを参考に3つのボックスを横並びに作成したのですが、3ボックスの配置を中央揃えに出来ません。 http://deaimobi.com/css-grid-yokonarabi/ アドバイスいただけませんでしょうか。
三つのボックスをDIVタグでくくって、cssでdiv.hoge{float:left;text-align:center;width:100%}で、どうですか。
「justify-content」プロパティで要素の位置を指定できます。次の1行を親要素に指定してみてください。
justify-content: center;
※質問の参考ページにあわせる場合は「boxWrap」クラスに指定します。・これからのCSSレイアウトはFlexboxで決まり!http://www.webcreatorbox.com/tech/flexbox/※「要素のスペースを自在に操ろう」の「中央揃え」参照【※ 追記 ※】次の記事にも「justify-content」プロパティなどFlexboxについての説明があります。各プロパティについて画像つきで説明されているので分かりやすいと思います。・CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
コメントはありません