三行代码解决图片居中问题css

话不多说，直接上代码 

.all {
            background: url("/images/back2.jpg");
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;//图片不拉伸
            background-size: cover;//覆盖容器
            background-position: center center;//绝对居中
        }

解释：这里用的是以背景图片的方式，首先有一张图片，接给容器一个宽高，随后三行是及其重要的，已经写了注释

达到的效果：不管你的容器有多大，图片始终在你的容器居中显示，且完全覆盖容器。但是当你的窗口有改变时，一定要重现加载页面，不然图片是不会跟随容器变化的。