多列布局
效果：
代码：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>多列布局</title>
6 <style type="text/css">
7 .column{
8 columns: 200px;/*按200px自动分多列*/
9 /*columns: 3;/*分3栏*/*/
10 column-count:3 ;/*分3栏*/
11 column-gap: 30px;/*距离分栏线距离*/
12 column-rule: #009900 solid 2px;/*右边的分栏线*/
13 }
14 </style>
15 </head>
16 <body>
17 <div class="column">
18 没有人愿意自己的付出白白浪费，当你提出分手的那一刻，他会在心里理解为你
19 已经完全否定了他对你们这段感情的付出。否则，他也不会在你提出分手后，
20 就失落的走开，并且不再央求你回来。 这段感情在你的任性下没有了，
21 就应该继续用你的“任性”追回来。之后，不管他如何拒绝你，打压你，
22 都不能够放弃。要让他看到你最真诚的付出，为了挽回这段感情，
23 从一只骄傲的孔雀变成了温顺的猫咪，任由他摆布，但却一直黏在他身边不离不弃。
24 爱情不是玩具，你想扔就扔，想玩的时候就能捡回来。受伤的心就像是玻璃，
25 每一次受伤都需要很长的时间才能愈合。如果不能及时挽回，
26 这颗受伤的心最终只可能是会碎落一地，你再碰它的时候就会扎伤你的手，
27 让彼此相互折磨。 综合以上三点，当我们意识到自己在感情中犯了错误的时候，
28 就应该及时补救。否则伤口越来越深，想要让它愈合就会变得困难重重，
29 同时挽回这段感情也会变得难上加难。
30 </div>
31 </body>
32 </html>