Html 通过调整大小，每个div显示两个内联图像

我正在尝试使用

div

和

span

显示多个图像

div.graph{
空白：nowrap；
}
广域图{
显示：内联块；
}
图{
宽度：50%；
身高：50%；
}

---

我删除了内联块，看起来不错：

div.graph{
空白：nowrap；
}
图{
宽度：50%；
身高：50%；
}

---

我删除了内联块，看起来不错：

div.graph{
空白：nowrap；
}
图{
宽度：50%；
身高：50%；
}

---

将span.graph上的内联块更改为显示：flex

内联块有很多奇怪的空白和间距问题，可以通过使用柔性来避免

---

要在行之间重新添加空格，只需将边距添加到div中即可。

将span.graph上的内联块更改为显示：flex

内联块有很多奇怪的空白和间距问题，可以通过使用柔性来避免

---

要在行之间重新添加空格，只需在div中添加边距即可。

代码bolow更像是一种变通方法。我认为有更好的解决办法

将另一个图像添加到第二行并向其添加额外的类，例如

.hide

，然后在css中：

img.hide {
  visibility: hidden;
}

---

div.graph{
空白：nowrap；
}
广域图{
显示：内联块；
}
图{
宽度：50%；
身高：50%；
}
隐藏{
可见性：隐藏；
}

---

代码bolow更像是一种变通方法。我认为有更好的解决办法

将另一个图像添加到第二行并向其添加额外的类，例如

.hide

，然后在css中：

img.hide {
  visibility: hidden;
}

---

div.graph{
空白：nowrap；
}
广域图{
显示：内联块；
}
图{
宽度：50%；
身高：50%；
}
隐藏{
可见性：隐藏；
}

这解决了我的问题。我可以请您解释一下为什么这样可以解决问题吗？因为您使用的是不带包装的空白，这会为您解决问题，并且您将图像宽度设置为50%。如果您对解决方案感到满意，您可以接受答案：-）这解决了我的问题。我可以请您解释一下为什么这样可以解决问题吗？因为您使用的是不带包装的空白，这会为您解决问题，并且您将图像宽度设置为50%。如果您对解决方案满意，您可以接受以下答案：-）