CSS多列显示实现瀑布流 2024年4月11日 作者 admin 瀑布流貌似现在比较火,看了些网站的瀑布流的布局感觉蛮不错的,所以最近用CSS3试着研究了一番,接下来就给大家来分享一下CSS多列显示实现瀑布流效果。 CSS Code 复制内容到剪贴板 <ol class="dp- css“> “div1” > 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 大家好,这里是用来站位的文字 .div1{ /*分列的数量*/ column-count: 4; -moz-column-count:4; /*每一个分列中间的距离*/ -moz-column-gap: 70px; column-gap: 70px; /*每两个列之间的线和线的颜色*/ column-rule: 5px outset #FF0000; -moz-column-rule: 5px outset #FF0000; }