Multi-column layout

Multi-column layout

Effect:

Code:

1  <! DOCTYPE html > 
2  < html > 
3      < head > 
4          < meta charset = "UTF-8" > 
5          < title > Multi-column layout </ title > 
6          < style type = "text/css" > 
7              .column { 
8                  columns : 200px ; /* Automatically divide into multiple columns by 200px */ 
9                  /* columns: 3;/*Divided into 3 columns */ */
 10                 column-count : 3 ; /* 3 columns */ 
11                  column-gap : 30px ; /* Distance from the column line */ 
12                  column-rule : #009900 solid 2px ; /* The right column line */ 
13              } 
14          </ style > 
15      </ head > 
16      < body > 
17          < div class ="column" > 
18              No one wants to waste their efforts. When you propose to break up, he will understand you in his heart
 19             He has completely denied his commitment to your relationship. Otherwise, he will not
             walk away in frustration after you propose to break up, and will no longer beg you to come back .  This relationship is gone under your willfulness,
 21              should continue to use your "willfulness" to get it back. After that, no matter how he rejects you or suppresses you,
 22              can't give up. To let him see your most sincere efforts, in order to save this relationship,
 23              changed from a proud peacock to a docile cat, at his mercy, but always sticking to his side.
24               Love is not a toy, you can throw it away when you want, and pick it up when you want to play. A wounded heart is like glass,
 25               Every wound takes a long time to heal. If it can't be recovered in time,
 26               this wounded heart may only shatter in the end, and when you touch it again, it will hurt your hand,
 27               let each other torture each other. Combining the above three points, when we realize that we have made a mistake in our relationship,
              we should remedy it in time .  Otherwise, the wound will get deeper and deeper, and it will be difficult for it to heal, and it will
 be even more difficult to save               the relationship at the same time.
30          </ div > 
31     </body>
32 </html>

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325261711&siteId=291194637