html - 将不同大小的图像放入同一类的 div 中,div 的数量等于图像总数

标签 html css

我有一个名为“container”的主容器 div,其中包含名为“img-container”的子 div,其中使用了图像标签。

假设我总共有 4 张不同大小的图像。现在我希望这些图像适合“img-container”。

现在是什么:

enter image description here

它应该是什么:

enter image description here

同时,它应该是响应式的。

谢谢

最佳答案

试试这个

<div id="img-container" >
    <img style="max-width: 100%; max-height: 100%;" src="yourimg">
</div>

关于html - 将不同大小的图像放入同一类的 div 中,div 的数量等于图像总数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32829388/

相关文章:

html - 分页不中断

html - 空白属性打破了元素的宽度

css - 如何正确地垂直和水平定位 block 元素?

javascript - 当有人进入网站时制作弹出窗口

html - Top in position relative 没有按预期工作

html - 我网页顶部的横幅重复

css - CSS block 格式上下文如何工作?

javascript - HTML5/CSS 垂直导航高度与内容成比例

android - CSS 背景图像在移动设备上模糊

javascript - 如何从附加到网页的 JSON 条目中删除文本?