Tag: 3等分


要素を三等分にするスタイルシート

2016年12月28日 CSS

これは便利!

対応ブラウザ:IE9以降、Safari6以降、Google Chrome19以降、Firefox4以降

.3col {
  width : calc(100% / 3) ;
}

幅100%の3分の1サイズ!

念のため、ベンダープレフィックスを

li.3col {
  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
}