将内嵌块元素缩放到中间而不是左侧

问题描述：

因此，我已将此布局在桌面屏幕中正常工作：请查看顶部图像。将内嵌块元素缩放到中间而不是左侧

但是，当移动布局/它放大变成这样：（看中间的图像）。

所以我想实现的是图像被放大到像背景大小覆盖行为中心。（看底部图像）

任何人都可以帮助我解决这个布局问题吗？在此先感谢。

[如何创建一个最小的，完整的，并且可验证的示例]（https://stackoverflow.com/help/mcve） – kizoso

对不起，如果不是足够全面。下次会做得更好 –

答

使用flexbox来解决这个问题。

.center { 
 
    display: flexbox; 
 
    justify-content: center; 
 
}

应用此.center类容器盒。

查看此link浏览器支持flexbox。

谢谢，它完美的作品！ –

没问题，先生:) –

答

可以使IMG绝对和添加

img{ 
    left:0; 
    right:0; 
    margin: auto; 
    overflow:hidden; 
}