Question

我正在开发一个用于HTML的移动和i-pod网站。我想在一行中有多个图像的水平滚动条，它有一个超级链接。

最简单的方法是什么？

提前感谢您的帮助。

Answer 1

此示例具有内联样式，请在实际使用此代码时将所有样式规则放入样式表中。

以下是您需要的HTML示例...

<div style="width: 500px; height: 120px; overflow: auto;">
    <div style="width: 1000px; height: 120px">
        <ul style="padding: 0;">
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
            <li style="display: inline;"><img src="image.png" alt="My Image"></li>
        </ul>
    </div>
</div>

html中图像的水平滚动条

1 个答案: