wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ css こんな感じで、中央に寄せつつ、左揃えにしたいときに調べた備忘録。 HTMLはこんな感じ <section> <h1>Flexbox</h1> <hr/> <div class="flex"> <div class="box is-1" ></div> <div class="box is-2" ></div> <div class="box is-3" ></div> </div> </section> <section> <h1>Grid Layout</h1> <hr/> <div class="grid"> <div class="box is-1" ></div> <div class… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2020%2F01%2F23%2F123000" title="中央に寄せつつ、中身を左揃えしたいときは、FlexboxじゃなくてGrid Layoutを使うとできた - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wannabe-jellyfish/20200123/20200123004633.gif Hatena Blog https://hatena.blog 2020-01-23 12:30:00 rich https://memory-lovers.blog/entry/2020/01/23/123000 1.0 100%