将img列表转换为水平滚动条

Question

我有一组从服务器返回的3张图像的列表 我希望用户只能看到每个li的一个img并让他左右滚动。

意味着用户只能看到两个图像，并且能够为每个图像滚动所有三个图像。

任何想法？

请参阅上面的示例：

<ul>    <li>
            <img width="100" height="100" src="http://localhost/TTT/0//1_101.png">             <img width="100" height="100" src="http://localhost/TTT/0//1_102.png">              <img width="100" height="100" src="http://localhost/TTT/0//1_103.png">    </li>
    <li>
            <img width="100" height="100" src="http://localhost/TTT/0//1_104.png">             <img width="100" height="100" src="http://localhost/TTT/0//1_105.png">              <img width="100" height="100" src="http://localhost/TTT/0//1_106.png">    </li>
</ul>

Answer 1

您是否应该尝试设置

li{display:inline}

然后将维度设置为

#divCongtainer { width:100px; }

容器，然后设置

#divCongtainer{ width:100px; overflow:auto; }