CSS3提供的多列帮我们很轻松的实现了文本内容分栏的功能；目前主流浏览器支持性比较好的有一下几个属性：

　　column-count:　　//列数；

　　column-gap:　　//列间距；

　　column-rule:　　//列之间的分割符号，其值类似于边框设置；

　　　　column-rule-width　　/　　column-rule-style　　/　　column-rule-color;

　　column-width:　　//列宽度，当制定列数以后，此值不起作用；

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3多列</title>
    <style type="text/css">
        article{
            width: 600px;
            margin:0 auto;
            padding:50px 100px;
            background:purple;
            color:#eee;
        }    
        .content{
            /*column-count: 3;*/
            column-gap: 40px;
            column-rule:10px double #ddd;
            column-width:100px;
        }
    </style>
</head>
<body>
    <article>
        <caption><h2>他说“有你在的日子我没羡慕过任何人”。我说“我在家的日子我哪里也不想去”</h2></caption>
        <div class="content">他说“有你在的日子我没羡慕过任何人”。我说“我在家的日子我哪里也不想去”。
家，这个词有一种魔力，让你时时刻刻心系着她，我无法给出一个具体的定义，只能通过一些简单的表达来勾勒一个蓝图。
无论走得多远，无论飞得多高，当你想要停下脚步安安心心的休息一下的时候，你首先想到的就是那个被称为家的地方；
无论房子大小，无论存款多少，当你想要逃离纷扰觅一方可放松的净土的时候，你首先想到的就是那个被称为家的地方；
无论现实如何，无论社会怎样，当你想要不顾形象歇斯打理的爆发一下的时候，你首先想到的依旧是那个被称为家的地方。
小时候
家是一天的起点和一天的终点
从来没想过离开家的时候会是怎么样
那是，听到人家说想家只觉得可笑
长大后
家是梦里的起点和终点
总想着回到家之后会是怎么样
现在，听到人家说想家只觉得感同身受
妈妈说：
以前回到家书包一放就出去玩，叫都叫不回来；现在回到家背包一放，赶都赶不出去
明天就可以回家了
回到那个被称为家的地方
回到那个被形容为温暖的地方
回到那个被叫做避风港的地方</div>
    </article>
</body>
</html>