1454759782 CSSについて教えて下さい。

以下のサイトを参考に3つのボックスを横並びに作成したのですが、3ボックスの配置を中央揃えに出来ません。
http://deaimobi.com/css-grid-yokonarabi/
アドバイスいただけませんでしょうか。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2016/02/06 20:56:22
  • 終了:2016/02/13 21:00:03

回答(2件)

id:pogpi No.1

pogpi回答回数348ベストアンサー獲得回数462016/02/07 07:29:31

ポイント50pt

三つのボックスをDIVタグでくくって、cssで

div.hoge{float:left;text-align:center;width:100%}

で、どうですか。

id:rouge_2008 No.2

rouge_2008回答回数592ベストアンサー獲得回数3502016/02/08 11:54:10

ポイント50pt

「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

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません