Javascript CSS-Can'；不管图像最初有多大，都不能使其大小相同？

我现在有一个相当恼人的问题。在这里，我已经尝试了很多关于如何将图像网格设置为相同大小的线程，无论图像的大小如何。但它不起作用，让我发疯

我得到的结果如下所示：

我的HTML如下所示：

<div class="container">
        <div class="jumbotron">
            <h3 class="text-center">Search Movie!</h3>
            <form id="searchForm">
                <input type="text" class="form-control" id="searchText" placeholder="Search for any movie...">
            </form>
        </div>
    </div>

也许这与我将JS中的图像设置为#movieDiv有关？我是新手，所以我不是很有经验。但是如何使图像大小相同呢

---

谢谢

要解决high的问题，您只需将整个内容包装在一个div中，并将显示设置为flex，它会自动将子div设置为相同的high，而不管其中内容的大小，然后您可以将图像放在这些div中

.container{
display:flex;
}

这是一个代码笔链接

---

要解决高的问题，您只需将整个内容包装在一个div中，并将显示设置为flex，它会自动将子div设置为相同的高，无论其中内容的大小，然后在这些div中可以放置图像

.container{
display:flex;
}

这是一个代码笔链接

---

您是否尝试添加

！重要信息

，

最小宽度

和

最小高度

？-我过去发现，有时添加

min-width

和

min-height

可以解决类似的问题。您的问题到底是什么？您的图像没有相同的宽度？身高？更让我恼火的是身高。宽度没什么大不了的。但我希望它是一个均匀平滑的布局。你能提供可以玩的代码吗？您提供的代码不完整，从HTML中的“#电影”开始，您是否尝试添加

！重要信息

，

最小宽度

和

最小高度

？-我过去发现，有时添加

min-width

和

min-height

可以解决类似的问题。您的问题到底是什么？您的图像没有相同的宽度？身高？更让我恼火的是身高。宽度没什么大不了的。但我希望它是一个均匀平滑的布局。你能提供可以玩的代码吗？您提供的代码不完整，从HTML中的“#电影”开始？我将在代码笔上测试它并提供链接我将在代码笔上测试它并提供链接

.container{
display:flex;
}