javascript - 显示相同高度的图片以填满宽度
问题描述
我想像 facebook 显示他们的专辑一样创建画廊。照片缩略图具有相同的高度,从左到右填充,最后没有白色间隙。我怎样才能做到这一点?
所以我尝试用多张图片填充窗口的宽度。这些图片应按行排列并在窗口调整大小时向下推(类似于砖石响应网格,但在水平方向)。我试图通过设置相同的高度使它们排成一行。但是,宽度不是完全 100%,当总宽度达到窗口大小时,它就会断线。
Check this pen for more details:
https://codepen.io/viet272/pen/ZNPeMN
解决方案
推荐阅读
- opencv - 我们如何从旋转矩阵中找到θ?
- r - 两组变量之间的相关性
- javascript - 在 redux 中更新状态接收新道具,但由于哪个组件没有重新渲染,因此未在 componentWillReceiveProps 中设置状态
- vue.js - 分离 Vuex 模块的最佳实践是什么?
- uwp - 如何在 UWP 组件中调整 Mapicons 的大小
- webpack - 如何在 Gatsby 网站中内联 node_modules 脚本?
- r - 如何在 R 中编写固定宽度的文本文件?
- excel - 如何在尝试将类推送到另一个类中的集合时修复“运行时错误'438'对象不支持此属性或方法”
- php - Laravel 5.6 Eloquent 在没有人要求时尝试更新不存在的列。(多对多关系)
- c++ - 如何为二维数组中的行添加标题?