Html div内的图像具有良好的外观风格

我想知道是否有一种方法可以使我在div中的图像看起来像图片中一样。例如，如果div中有两个以上的图片，则一个图像将是最大的，另一个将分割最大图像的宽度。此外，如果有四个图像，则它们必须看起来像正方形。请检查图像。 注意：我将从数据库中检索图像

---

免责声明：CSS不是条件呈现的正确工具。 因此，当我们以正式的方式结束时，我有了一个很好的主意，如何使一切顺利；）请检查我的电话号码

---

有关详细信息，请参见下文

如果您不提供任何代码，我只能提供有效的内容，而不是您可能特别需要的内容。实现这一点的一种方法是通过flex

通过定义宽度和高度，然后将img高度设置为随flex增长，您可以使其适应您想要的4幅图像。我包括了一个提供示例的JSFIDLE。希望你喜欢

.box {
    height: 600px;
    width: 600px;
    box-shadow: inset 0 0 0 1px;
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 4px;
}
img {
    box-shadow: 0 0 0 1px;
    flex-grow: 1;
}

---

当然有办法。你试过什么，你的代码在哪里？不提供代码，这个问题根本不应该被回答，因为它是离题的@Rob It没有在“如何回答->并非所有问题都可以或应该回答”中说明，如果问题不包含代码，SO的用户不应回答问题。我认为你应该特别看一下第2节和第3节。@Kitson88说得很清楚，“不是所有的问题……都应该回答。”不提供代码是我们结束问题的一个复选框。

.box {
    height: 600px;
    width: 600px;
    box-shadow: inset 0 0 0 1px;
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 4px;
}
img {
    box-shadow: 0 0 0 1px;
    flex-grow: 1;
}