Question

我已经搜索了Overflow-x上的各种论坛帖子：滚动，解释了如何实现它，并且在大多数情况下，相同的修复解决了OP的问题。

但是，我已经关注这些帖子，似乎仍无法解决我的问题，请帮助！

我正在创建一个图像预览窗格（大图像，缩略图列表），我正在尝试将缩略图水平放置在可滚动的DIV中，但我一遍又一遍地罢工。

使用我当前的代码，我将宽度设置为200px，但尽管存在overflow-x，div仍然显示屏幕上的所有缩略图。

#Thumbview { position:relative; height:100px; width:200px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }

我的PHP如下所示：

<div id="ThumbView">
      <?php
       // Create a slide-able thumbnail view.
       $piclist = explode(", ", $datafiller['PictureList']);
       foreach ($piclist as $thumbnail) {
        echo "<img src=\"./Images/Inventory/" . $_GET['carid'] . "/thumbnails/" . $thumbnail . "\">";
       }
      ?>
     </div>

我试图将每个IMG封装在DIV中，没有运气，将容器和子节点上的显示类型更改为各种内联元素。仍然没有变化。想法？

Answer 1

您的ID名称应该匹配（关心V）

<div id="ThumbView">

#ThumbView

这是你需要的吗？ http://jsfiddle.net/x96hq47c/

CSS Overflow-x：滚动显示内容

1 个答案: