這幾天趕緊研究研究css3引入的一些高階貨色。當然，還得看看ff和chrome倆貨的臉色，人家不支援box-lines，我都快哭了，研究了大半天的box，感情尼瑪，就這個不支援，蛋蛋都碎了，想替換浮動布局帶來的壞處都成了幻想。
今天看看css3 引入的column布局。
屬性索引如下圖：
由於目前column-fill和break-after,break-before,break-inside支援太差勁(娘嬉皮的，基本只有firefox高階版本支援)，屬於試驗階段。所以就不介紹了。
常用屬性：
demo列表：
CSS3 Column多列屬性 和 Flex布局
column rule width屬性指定列之間的寬度規則。column rule width thin medium thick length 值 說明 thin 指定乙個細邊框的規則 medium 定義乙個中等邊框規則 thick 指定乙個粗邊框的規則 length 指定寬度的規則 column...
關於css3 分欄 column屬性
首先關於column的使用要注意你使用的是哪種瀏覽器的問題。1.columns columns 100px 2 你也可以這樣定義 column width 100px column count 2 一看相信大家都明白是什麼意思了。第乙個代表欄的寬度，第二個代表欄的數目。這兩個屬性值回隨著其他引數的改...
css3 calc 屬性介紹
calc的英文是calculate的縮寫，中文為計算的意思，是css3的乙個新增的功能，用來只當元素的長度。比如說 你可以用calc 給元素margin padding border font size和width等屬性設定動態值。為什麼說是動態值呢？因為我們是使用數學表示式來得到的值。用法 既然是...