当前位置:Gxlcms > JavaScript > avalonjs制作响应式瀑布流特效_javascript技巧

avalonjs制作响应式瀑布流特效_javascript技巧

时间:2021-07-01 10:21:17 帮助过:2人阅读

  布局不是基于float,也不是基于绝对定位,看最下面的html,css就知道了。也没有满篇烦人的html插入,代码很清爽

html

  • {{el.src}}

css

#wrap ul li {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
font-size: 16px;
}
#wrap ul li p {
margin: 5px 2.5px;
border: 1px solid red;
min-width: 192px;
min-height: 100px;
}
#wrap span {
display: block;
}
#waterFallDetect {
width: 192px;
height: 100px;
border: 1px solid red;
}

以上所述就是本文的全部内容了,希望大家能够喜欢。

人气教程排行