如何将div标签设置为在移动设备上看起来像产品目录？

Question

我正在开发一个拥有移动目录的网站。我希望它看起来像Best Buy和Target这样的公司（见下图）。我假设他们使用div，但我不确定。

Answer 1

您可以查看jquery mobile ListView

的文档

listview代码

 <ul data-role="listview" data-inset="true">
        <li><a href="#">
            <img src="img1.jpg">
            <h2>Broken Bells</h2>
            <p>Broken Bells</p></a>
        </li>
        <li><a href="#">
            <img src="img2.jpg">
            <h2>Warning</h2>
            <p>Hot Chip</p></a>
        </li>
        <li><a href="#">
            <img src="img3.jpg">
            <h2>Wolfgang Amadeus Phoenix</h2>
            <p>Phoenix</p></a>
        </li>
    </ul>