Question

我使用php扫描图像文件夹，我把它们放在一个带有图像ID的div中。我希望div在x轴上滚动并隐藏y轴上溢出的所有内容。

所以这是我的代码。

HTML和PHP：

<div id="images">
<?php
//Displaying images
$imgID = 0;
foreach($images as $image) {
    echo "<img id='img".$imgID."' onClick='displayImg(".$imgID.");' src='".$image."' height='".$imgHeight."' width='".$imgWidth."' />";
    $imgID++;
}
echo "<script>var maxImages = ".$imgID.";</script>";
?>

CSS：

#images {
    overflow-y:hidden;
    overflow-x:scroll;
    height:<?php echo $imgHeight; ?>px;
    border:solid 1px #c4c4c4;
    align-content:flex-start;
}
#images img {
    padding:5px;
    cursor:pointer;
float:left;
}

我已经尝试了一下，但我尝试过的任何东西似乎都没有用。

Answer 1

你的问题略微脱离了背景，但是如何：

http://jsfiddle.net/bassmanpaul/u9Xx6/

这假设您在php（$imgWidth）中具有可用的图像宽度，这可以允许您创建一个大的内部容器。

如果不这样做，您可能需要向我们提供一个JSFiddle来更详细地演示您的问题......

使div溢出在x轴上滚动

1 个答案: