Heim > Artikel > Web-Frontend > 多列_html/css_WEB-ITnose
多列_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:22:281273Durchsuche
1 .newspaper2 {3 -moz-column-count:3; /* Firefox */4 -webkit-column-count:3; /* Safari and Chrome */5 column-count:3;6 }7 在当前div的宽度中，将内容分为3列显示
1 .newspaper 2 { 3 -moz-column-count:3; /* Firefox */ 4 -webkit-column-count:3; /* Safari and Chrome */ 5 column-count:3; 6 7 -moz-column-gap:30px; /* Firefox */ 8 -webkit-column-gap:30px; /* Safari and Chrome */ 9 column-gap:30px;10 }11 当前div 中内容分为三列显示，列之间的距离是30px.
1 .newspaper 2 { 3 -moz-column-count:3; /* Firefox */ 4 -webkit-column-count:3; /* Safari and Chrome */ 5 column-count:3; 6 7 -moz-column-gap:40px; /* Firefox */ 8 -webkit-column-gap:40px; /* Safari and Chrome */ 9 column-gap:40px;10 11 -moz-column-rule:4px outset #ff0000; /* Firefox */12 -webkit-column-rule:4px outset #ff0000; /* Safari and Chrome */13 column-rule:4px outset #ff0000;14 } Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：ReactJS应用的layout控制_html/css_WEB-ITnoseNächster Artikel：Sass 基础(七)_html/css_WEB-ITnose