liタグをグリッド上に並べる

(2016/11/21)
  • カレンダーのスタイル作るときにやった
  • よくわからん
  • 手順

  • 1. ulタグ, liタグを作る
  • 2. ulのfont-sizeは0にしておく
  • 3. liにdisplay: inline-blockを指定する
  • 4. liにwidth: {表示したい個数で100を割る}%を指定する
  • 5. liにfont-sizeを指定する
  • 豆知識

  • この方法でやるとliに枠をつけたときに綺麗にくっつかない
  • 隙間を埋める方法はこれを参考にした
  • http://delaymania.com/201404/web/list-inline-block/
  • ulにfont-size: 0を指定するとなぜか隙間が埋まる
  • CSS

general(396)