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

Question

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

Answer 1

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

<p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p></p>

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

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

Answer 2

使用width=33.3333..%（小数点一个3不行，两应该就可以看）
使用box-size，border、padding就会算到p里面比较方便计算