[HTML/CSS]display: inline-block で横並びにした際にできる隙間をなくす方法
こんにちわ!Noob Web Designer(@NoobWebDesigner)です!
今回は、display: inline-block で要素を横並びにした際にできてしまう隙間を、なくす方法を紹介します。
Flexbox とか Grid とか便利なCSSプロパティが出ていますが、IE9の対応をする以上 display: inline-block も現役です。私個人としては横並びにする場合であれば、float より便利だと思います。カラム落ちもこちらの方が断然楽です。
ですが、横並びにした際の制御が少々めんどくさいので、何か楽にする方法はないのかと思い、いろいろ調べた結果を備忘録。
続きを読むブログ、再開しました。
みなさま、お久しぶりです。私です。
長らく更新していなかったこのブログですが、この度再開することにしました。
なぜブログを再開したのか?
最近、仕事にも慣れてきたのか自分の能力に行き詰まってきていました。デザイナーとして会社に所属していますが、まるまる1ページを任されることはあまりなく、どうやったら能力アップをのぞめるか。そう考えた時にまたブログを作っていこうと考えました。
本当は心機一転、新しいブログで始めようと思ったのですが、こちらのブログが今でも月に100以上のアクセスがありますし、私が今まで勉強してきたことがブログから取ってわかるので、新しく作ったブログを削除して、こちらで再開することにしました。