Multicolumn Properties in CSS 3

.column-count

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8"> 
 5 <style> 
 6 .newspaper
 7 {
 8     column-count:3;
 9 }
10 </style>
11 </head>
12 <body>
13 
14 
15 <div class="newspaper">
</div>
17"When I was young, I dreamed of changing the world; when I was mature, I found that I could not change the world, I shortened my vision and decided to change only my country; when I entered old age, I found I can't change our country, my last wish is just to change my family, but it's not possible. As I'm lying in bed now, dying, I suddenly realize: if I just change myself at first By myself, then, I might change my family; with the help and encouragement of my family, I might do something for the country; then, who knows? I might even change the world."
16  18 
19 </body>
20 </html>

 

 2. The column-gap attribute specifies the gap between columns

3. column-rule-style The attribute specifies the border style between columns and columns

4. column-rule-width The attribute specifies the border thickness of the two columns

5. column-rule-color The attribute specifies the border color of the two columns

6.column-width attribute specifies the width of the column

7. How many columns should the column-span zhi'ding element span?

 

Guess you like

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