CSS核心（五十二）文字自动分栏显示 column-rule column-width column-count
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文字自动分栏显示</title>
</head>
<style>
.box{
/* 栏数 */
/*column-count:3; */
/* 分割条 */
column-rule:5px solid #0f0;
/* 栏宽 */
column-width:200px;
}
</style>
<body>
<p class="box">
父母之爱其子也，根于天性，其感情之深厚，无足以尚之者。子之初娠也，其母为之不敢顿足，不敢高语，选其饮食，节其举动，无时无地，不以有妨于胎儿之康健为虑。及其生也，非受无限之劬劳以保护之，不能全其生。而父母曾不以是为烦，饥则忧其食之不饱，饱则又虑其太过；寒则恐其凉，暑则惧其燠，不惟此也，虽婴儿之一啼一笑，亦无不留意焉，而同其哀乐。及其稍长，能匍匐也。则望其能立；能立也，则又望其能行。及其六七岁而进学校也，则望其日有进境。时而罹疾，则呼医求药，日夕不遑，而不顾其身之因而衰弱。其子远游，或日暮而不归，则倚门而望之，惟祝其身之无恙。及其子之毕业于普通教育，而能营独立之事业也，则尤关切于其成败，其业之隆，父母与喜，其业之衰，父母与忧焉，盖终其身无不为子而劬劳者。呜呼！父母之恩，世岂有足以比例之者哉！
</p>
</body>
</html>
显示结果如下：
发人深省！ 良言！ ding 谢谢您的提醒。我好象也在犯你的错误 谢谢分享，受益不少。 感触很深 感触很深·！！！！！！！！！！！！！@@@@@@@ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 我也是所谓的学计算机的，但是现在都大三了，对编程，哎！！能力真的不可恭维呀我想问下高手们现在我还有没有的救呀？不胜感谢！！！！ 让我又有了奋斗精神