javascript - 图像未填满行尾

标签 javascript jquery html css

我目前正在为一家名为 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/

相关文章:

javascript - 如何使用 async-await 停止执行下一个函数?

javascript - 如何创建javascript自动关闭elament的效果?

javascript - 如何突出显示文本,然后保存它以便下次我访问同一页面时显示它?

带有表单的 Javascript innerHTML

javascript - 如何在它外面打破 while 循环

javascript - 让文本框识别从按钮复制​​的输入

php - AJAX 和 MVC 混合

html - 谷歌网络字体在移动 Safari 和桌面 Chrome 上的呈现方式不同?

javascript - 你能帮我了解正则表达式吗?

javascript - 简单的工具提示 div - 顶部位置和隐藏