html - 如何设置 div 标签的样式，使其看起来像移动设备上的产品目录？

Question

我正在一个有移动目录的网站上工作。我希望它看起来像百思买和塔吉特这样的公司（见下图）。我假设他们使用 div，但我不确定。

Answer 1

可以看jquery mobile 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>