gpt4 book ai didi

javascript - 图像未填满行尾

转载 作者:太空宇宙 更新时间:2023-11-03 23:40:42 25 4
gpt4 key购买 nike

我目前正在为一家名为 HLArchitects 的建筑公司制作网站。
在元素页面中,我创建了一个 HTML/Javascript 图片库。
可以在这里查看以供引用:http://www.hla.co.za/projects/Hyuandai_Training_Centre/

我的问题是大图像下方的较小缩略图在第一行的右侧留下了很大的空隙。我的最终目标是有一行,用 javascript 滚动,并切掉其他 2 行。这是该 div 的 css:

#imageFlow {
width: 750px;
height: 50px;
position: relative;
padding: 3px;
float: right;
}

当我去 overflow: hidden 时,它切掉了其他行,但仍然在顶行的末尾留下了很大的空隙,我该怎么做才能让图像填充到最后750px,即使最后一张图片被剪了一半?
提前谢谢你

最佳答案

像这样:

#imageFlow {
width: 750px;
height: 50px;
position: relative;
padding: 3px;
float: right;
overflow:hidden;
white-space:nowrap;
}

关于javascript - 图像未填满行尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22969191/

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