多列布局

多列布局

效果:

代码:

 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>

猜你喜欢

转载自www.cnblogs.com/firstflying/p/8988891.html