等距div在div之间以及屏幕左侧和右侧的相同空间-CSS

我有三个固定宽度的div:400px，在一个宽度为100%的容器中

假设我们在一个1920像素的屏幕上

剩余空间为1920-（400*3）=720。所以我希望这个可用空间除以4，然后均匀分布。因此，第一个div必须位于左侧180px，第一个div和第二个div之间的空间为180px，第二个div和第三个div之间的空间为180px，第三个div之间的空间为180px，屏幕末端再次为180px

div和屏幕之间的空间应根据屏幕的大小而变化

有可能用css实现吗

示例：

---

显示：flex是为此而设计的：）。 关于容器的使用：

在子对象上，只需设置宽度%或静态值

文本对齐：对齐和显示：内联块；如果你需要的话，还有假药

测试：此处

内部填充

文本对齐版本：
显示：flex是为此而设计的：）。
关于容器的使用：

在子对象上，只需设置宽度%或静态值

文本对齐：对齐和显示：内联块；如果你需要的话，还有假药

测试：此处
内部填充

文本对齐版本：
如果希望400px宽的元素保持其宽度，则使用@GCyrillus解决方案确实会导致一个问题：当屏幕尺寸太小时，它们会收缩。要确保它们总是400px宽（当屏幕太窄时会提示滚动条），请使用
minwidth:400px
。看到你需要添加一些填充物来吞下中间的空隙，在这里检查一下谢谢！据我所知，flex不受IE9支持。我才不管呢。有没有其他方法，或者我只能用ie的js？这是文本对齐版本，它应该在IE9 nojs中工作，使用@GCyrillus的代码注释解决方案确实会导致一个问题，如果您希望400px宽的元素保持其宽度：当屏幕尺寸太小时，它们会收缩。要确保它们总是400px宽（当屏幕太窄时会提示滚动条），请使用
minwidth:400px
。看到你需要添加一些填充物来吞下中间的空隙，在这里检查一下谢谢！据我所知，flex不受IE9支持。我才不管呢。有没有其他方法，或者我只能用ie的js？这是文本对齐版本，它应该在IE9 nojs中工作，代码注释
display:flex;
justify-content:space-around;