Module」のことで、その名の通り簡単にレイアウトが組むことができるボックスです。前々からあった技術なようですが、ブラウザによって書き方が違ったり、仕様がころころ変わったりと、いろいろあったようです。モダンブラウザでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexbox使い方を説明していきます。フレキシブルボックスある要素に定義するだけで、その直下の要素が並列になる便利なスタイルです。シンプルな導入であれば、CSSで「display:flex」というスタイルを指定するだけです。フレキシブルボックスで出来ること・要素の配置方向を自由に決められる・要素の配置順序を自由に決められる・要素の折り返し方法を設定できる・要素のサイズを伸縮自在にできる(余った空間すべてをある要素に割り当てる、など)・要素を整列させられるなどです。center;で指定します。200px;}lt;/style>>上の例と同じプロパティを利用します。left/topはflex-start、right/bottomはflex-endを使う点に注意しましょう。このような右下寄せは、他の方法では簡単ではないので、利用することががあればflexを使うと簡単に指定できます。このようにフレキシブルボックスを使うことで簡単に並び替えることが可能になり、レイアウトの幅も広がります。最初は何をどうやっていいかわからない状態でしたが少しづつ要素を覚えていくことで応用して使うことが出来るようになると思います。他にもHTML、CSSには多くの要素があります。これからもHTML、CSSについて記事を掲載していきます。inomaeウェブデザインからウェブマーケティングまでいろいろ幅広く手掛けています。コメントをキャンセルメールアドレスが公開されることはありません。technology.。