在CSS移动媒体查询中更改图像布局

我在我的网页上有三个并排的图像，在移动设备的响应CSS媒体查询中，我希望第三个图像居中于下一行，前两个在上面，一个向左浮动，一个向右浮动。我做不到！如何编写此CSS？

您应该共享代码，但即使如此，我也会尽力帮助您

<div class="main">
<div class="image-left"><img src=""></div>
<div class="image-right"><img src=""></div>
<div class="image-center"><img src=""></div>
</div>

您需要根据您的布局调整图像中心{上边距和左边距

如果您需要图像左侧和图像右侧之间的空间，则可以添加另一个类

.image-right {
margin-left: 10px;
}

---

请分享你的HTML和CSS文件。你能分享一些你的CSS和HTML吗？你也在使用任何的框架，比如Bootstrap或者Buffic？你可以用Pinterest或JSFIDLE来显示你的HTML和CSS文件。

.image-right {
margin-left: 10px;
}