Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

display

  • block (p、div、ul、h1〜h) 横いっぱいに広がり、縦に並ぶ
  • inline ( a、span、omg) 要素が横に並んでいく
  • inline-block
  • none 非表示

blockは改行が入り、幅と高さが設定される。 左右、上下の余白が設定できる。 inlineは改行は入らず幅と高さが設定できない 左右の余白が設定できる。親に対しtext-alignが設定できる。(vertical-alignも) inline-blockは改行が入らず、幅と高さが設定できる 上下左右の余白が設定できる。親に対しtext-alignが設定できる(vertical-alignも)

  • 参考

【CSS】displayの使い方を総まとめ!inlineやblockの違いは?