margin

center

【flex】flex-direction:column; の中央寄せ margin:0 auto;ではダメ!?

プログラミングを勉強中のみなさん、こんにちは! 今回は、flex-direction:column; で要素を縦並びにして、その要素群を中央に寄せる方法を紹介します。 初心者向けのメモ書きとして執筆し ...

pcdesk

【CSS】marginの表記方法 これでもう迷わない スッキリしたコーディングへ

プログラミングを勉強中のみなさん、こんにちは! 今回は、marginの表記方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 ...

gap

【CSS】flexで並べた要素間の余白はgapを使おう marginより便利です 

2021/12/7    , , , , , ,

プログラミングを勉強中のみなさん、こんにちは! 今回は、flexの余白設定で使える「gap」について紹介します。 目次 余白と言えば 気づいたこと gapプロパティ まとめ 余白と言えば flexで要 ...

余白

【CSS】注意! marginが効かなくて困っている人は知っておくべき  marginの相殺

2つの要素に対してmarginを設定したけど、思ったどおりの余白が実装できない、 と困っている方は是非知っておきましょう。 marginの相殺 です。 目次 marginの相殺とは 回避方法 marg ...

© 2022 サカらいふ Powered by AFFINGER5