【CSSで3等分】要素をきっちり三分割するスタイルシートの書き方 - 自動化厨のプログラミングメモブログ │ CODE:LIFE

今日のお題は「きっちり」三等分できる書き方。 どんな書き方を想像しましたか？ この書き方を知るまで僕は .col3 li { width : 33.33333% ; } のような書き方をしていました。 実際にこの書き方をしているウェブサイトもよく見かけます。 が、性格の問題もあるかもしれませんが割り切れない 余り があるのがちょっと許せない。 width: 1/3; みたいな書き方ができたらいいのになー って思ってました。 で、探してみたところ発見！ 1/3サイズを指定する方法があったんです！ 感動(´ｪ`) CSSで計算式を可能にするcalc 対応ブラウザ：IE9以降、Safari6以降、Google Chrome19以降、Firefox4以降 使い方： .col3 li { width : calc(100% / 3) ; } これだけ！ 簡単ですね。全体の幅100%の3分の1サイズと

[chihiru]

すごい　感謝です

[idr_zz]

おお！同じこと考えている人がいた！calc()かあ。 【CSSで3等分】要素をきっちり三分割するスタイルシートの書き方

[kenichirou1225]

“calc(100% / 3) ;”