rowGrid.js响应式图片水平对齐插件

收藏

本文演示了rowGrid.js图片自适应对齐展示，引入该插件后，会自动算出各图片之间间距。而且支持手机端等移动设备。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

图片列表html代码

<div class="container">
    <div class="item">
        <a href='http://www.erdangjiade.com/js/180.html' target='_blank'> <img src='images/1.jpg' alt='php整理常用时间戳和日期'  width="220" height="200" /> </a>
    </div>
    <div class="item">
        <a href='http://www.erdangjiade.com/js/181.html' target='_blank'> <img src='images/2.jpg' alt='PHP Curl模拟POST和GET传参方式'  width="220" height="200" /> </a>
    </div>
</div>

引入并调用jquery.row-grid.js图片自适应插件

<script src="jquery.row-grid.js"></script>

$(".container").rowGrid({
    itemSelector: ".item", 
    minMargin: 10, 
    maxMargin: 25, 
    firstItemClass: "first-item"
});

jquery.row-grid.jsAPI教程