js防手机qq空间中图片九宫格效果

Question

js怎么实现手机qq空间或者朋友圈中图片九宫格的效果。有没有比较好的js插件啊。

Answer 1

给你说一个最简单的方法。

<div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>

<style>div{width:300px;height:300px}div div{width:80px;height:80px;margin:10px;float:left;background:#f00;}</style>

里面的九个div 你换成九个img。float：left,你都可以省了，因为img本来就是行级元素