css3 column
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 列宽度和数量