Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML图片水平行_Html_Css_Scroll - Fatal编程技术网

HTML图片水平行

HTML图片水平行,html,css,scroll,Html,Css,Scroll,我想知道是否有办法使包含图像的div具有水平滚动的溢出,如下图所示: 一如既往,我们非常感谢您的任何帮助像这样的帮助应该会奏效: #imageContainer { height: 200px; overflow: auto; white-space: nowrap; } 确保图像不高于“高度”参数。类似的操作应该可以: #imageContainer { height: 200px; overflow: auto; white-space: nowrap;

我想知道是否有办法使包含图像的div具有水平滚动的溢出,如下图所示:


一如既往,我们非常感谢您的任何帮助

像这样的帮助应该会奏效:

#imageContainer { 
  height: 200px;
  overflow: auto; 
  white-space: nowrap; 
}

确保图像不高于“高度”参数。

类似的操作应该可以:

#imageContainer { 
  height: 200px;
  overflow: auto; 
  white-space: nowrap; 
}
确保图像不高于“高度”参数。

试试看

overflow-x: auto;
试试看

overflow-x: auto;

您需要知道div内图像的宽度和数量,以防止其缠绕:

<div id="outer">
    <div id="inner" style="width: 3200px;">
        <img src="1.jpg" />
        <img src="2.jpg" />
        <img src="3.jpg" />
        <img src="4.jpg" />
    </div>
</div>

本例假设您的图像为800x600px,根据需要进行调整。

您需要知道div内图像的宽度和数量,以防止其缠绕:

<div id="outer">
    <div id="inner" style="width: 3200px;">
        <img src="1.jpg" />
        <img src="2.jpg" />
        <img src="3.jpg" />
        <img src="4.jpg" />
    </div>
</div>

本例假设图像为800x600px,根据需要进行调整。

您的代码是什么样子的<代码>?您的代码看起来像什么<代码>?有没有办法可以自动计算内部div的宽度?没有,但您可以使用Javascript来计算它。有没有办法可以自动计算内部div的宽度?没有,但您可以使用Javascript来计算它。