ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.10.02CSSで均等配置・等間隔でガター幅を指定できるグリッドレイアウトを作るレスポンシブデザインが主流となった今、グリッドレイアウトは見慣れていると思います。タイルやカードデザインなどでは、グリッドレイアウトがよく使われます。今回は、等間隔でしかもガター幅を指定できる方法を2種類紹介したいと思います。要素内に書いていきます。使い等間隔になるようにしています。5等分だと20%とキリのいい数字になりますが、そうでない場合は小数点以下も記述しましょう。#bd452d;}floatと比べるとベンダープレフィックスがたくさんあります。ガターの仕組みはfloatの方法と変わりません。こちらはflexbox本来の機能を利用することもできるので便利だと思います。順番を逆にしたりするのも簡単ですね。