CSS|display:inline-block で行間が広がる時の対応

  • 投稿日:
  • by
  • カテゴリ:

基本的な項目なのだけれど、よく忘れて「何だっけ?」となるのでメモメモ。

スマホ対応などのために「inline-block」で改行させるケースがよくあるが、改行した時の行間がどうにもうまく調整できないことがある。

その場合に試したいのは、親要素に「font-size: 0;」を設定すること。

実際の大きさは自要素に正しいフォントサイズを設定してあげれば良い。