gpt4 book ai didi

html - 溢出 : auto doesn't work with images

转载 作者:行者123 更新时间:2023-11-28 16:27:09 25 4
gpt4 key购买 nike

我想要一个 div 在单个可滚动行中包含多个图像。如果我用长字符串替换图像,则以下代码有效,但不适用于图像。

<html>
<div style="overflow: auto">
<img src="a.jpg">
<img src="b.jpg">
<img src="c.jpg">
<img src="d.jpg">
</div>
</html>

最佳答案

它会起作用的。也许white-space属性(property)是你要找的吗?见下文:

div {
width: auto;
overflow-x: auto;
white-space: nowrap;
}
<div>
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
<img src="https://placehold.it/400x200">
</div>

关于html - 溢出 : auto doesn't work with images,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42669741/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com