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

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

淘建站为您提供更多_图片代码_图片插件_响应式_自适应，在此特别感谢您对我们的支持与厚爱！

图片列表html代码

<div class="container">
    <div class="item">
        <a href='http://www.sucaiq.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.sucaiq.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教程