问用Flexbox实现Bootstrap中多维图像的等高网格
EN

Stack Overflow用户

提问于 2018-06-05 03:04:17

回答 1查看 729关注 0票数 0

我有不同尺寸的各种图像，需要在引导网格中具有相同的高度。

如何在Bootstrap中复制此等大小的显示？我尝试过在子项上使用"flex 1“，但没有任何乐趣，在源代码中使用的"flex: 1 0 0%;”和网络上的其他一些等高教程也没有任何乐趣。

我认为这里的解决方案是制作大小相等的矩形div，但也对获得具有所有比例的flexbox的相同高度div的方式感兴趣。

回答已采纳

发布于 2018-06-05 03:37:17

如果您控制图像文件，您最好的选择可能是手动将图像裁剪成正确的尺寸。

如果你不控制源图片(如果你是从远程服务加载的，比如演示中的instagram )，那么你可以通过在你的div上设置一个明确的高度，然后用background-size: cover;加载图片作为背景来获得最好的效果。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50687191

复制

相似问题

问用Flexbox实现Bootstrap中多维图像的等高网格EN