CSS-多列布局3-瀑布流

2017-08-19  本文已影响0人  Java小工匠

1、实现效果

瀑布流

2、实现思路

(1) 使用多列布局进行布局。
(2) 使用column-break-inside 防止元素内部断开。
(3)使用img 宽度设置100%,可以等比例缩放到图片,显示不定宽度的图片。

3、源代码

GIT源代码地址

上一篇 下一篇

猜你喜欢

热点阅读