10 09/2014

css3 column

最后更新: Wed Sep 10 2014 12:29:11 GMT+0800

1、太史公自序 且夫孝始于事亲,中于事君,终于立身。 《易》曰‘失之豪厘,差以千里’。 夫礼禁未然之前,法施已然之后;法之所为用者易见,而礼之所为禁者难知。

2、(史记·项羽本纪) 楚虽三户,亡秦必楚。 嗟夫,大丈夫生当如此也。 彼可取而代也。 项庄舞剑,意在沛公。 大行不顾细谨,大礼不辞小让。 人为刀俎,我为鱼肉。 战胜而将骄卒惰者败。 力拔山兮气盖世,时不利兮骓不逝。骓不逝兮可奈何,虞兮虞兮奈若何。 自矜功伐,奋其私智而不师古,谓霸王之业,欲以力征经营天下,五年卒亡 其国,身死东城,尚不觉寐而不自责,过矣。


3、(高祖本纪) 忠言逆耳利于行,毒药苦口利于病。 夫运筹策帷帐之中,决胜于千里之外,吾不如子房。 大风起兮云飞扬,威加海内兮归故乡,安得猛士兮守四方!


4、孔子世家 孔子曰:“君子固穷,小人穷则滥矣。”



1、太史公自序 且夫孝始于事亲,中于事君,终于立身。 《易》曰‘失之豪厘,差以千里’。 夫礼禁未然之前,法施已然之后;法之所为用者易见,而礼之所为禁者难知。

2、(史记·项羽本纪) 楚虽三户,亡秦必楚。 嗟夫,大丈夫生当如此也。 彼可取而代也。 项庄舞剑,意在沛公。 大行不顾细谨,大礼不辞小让。 人为刀俎,我为鱼肉。 战胜而将骄卒惰者败。 力拔山兮气盖世,时不利兮骓不逝。骓不逝兮可奈何,虞兮虞兮奈若何。 自矜功伐,奋其私智而不师古,谓霸王之业,欲以力征经营天下,五年卒亡 其国,身死东城,尚不觉寐而不自责,过矣。


3、(高祖本纪) 忠言逆耳利于行,毒药苦口利于病。 夫运筹策帷帐之中,决胜于千里之外,吾不如子房。 大风起兮云飞扬,威加海内兮归故乡,安得猛士兮守四方!


4、孔子世家 孔子曰:“君子固穷,小人穷则滥矣。”



1、太史公自序 且夫孝始于事亲,中于事君,终于立身。 《易》曰‘失之豪厘,差以千里’。 夫礼禁未然之前,法施已然之后;法之所为用者易见,而礼之所为禁者难知。

2、(史记·项羽本纪) 楚虽三户,亡秦必楚。 嗟夫,大丈夫生当如此也。 彼可取而代也。 项庄舞剑,意在沛公。 大行不顾细谨,大礼不辞小让。 人为刀俎,我为鱼肉。 战胜而将骄卒惰者败。 力拔山兮气盖世,时不利兮骓不逝。骓不逝兮可奈何,虞兮虞兮奈若何。 自矜功伐,奋其私智而不师古,谓霸王之业,欲以力征经营天下,五年卒亡 其国,身死东城,尚不觉寐而不自责,过矣。


3、(高祖本纪) 忠言逆耳利于行,毒药苦口利于病。 夫运筹策帷帐之中,决胜于千里之外,吾不如子房。 大风起兮云飞扬,威加海内兮归故乡,安得猛士兮守四方!


4、孔子世家 孔子曰:“君子固穷,小人穷则滥矣。”


css code

.newspaper {
    margin-top: 20px;
    column-count:3; -moz-column-count:3; -webkit-column-count:3;
    column-gap:40px;-moz-column-gap:40px;-webkit-column-gap:40px;
    column-rule:3px dotted #ccc;-moz-column-rule:3px dotted #ccc;-webkit-column-rule:3px dotted #ccc;
}
.newspaper2 {
    margin-top: 20px;
    column-width:5em;-moz-column-width:5em;-webkit-column-width:5em;
}
.newspaper3 {
    margin-top: 20px;
    columns:80px 3;-moz-columns:80px 3;-webkit-columns:80px 3;
}
  • column-count 列数量
  • column-gap 列空隙宽度
  • column-rule 列间边框
  • column-width 列宽度
  • columns 列宽度和数量