网页的flex布局出现的问题，求解

Question

<div class="flex-container">     <div class="flex-item"><img src="imgs/ldxx.gif" alt="">领导信箱</div>     <div class="flex-item"><img src="imgs/quick.gif" alt="">网络资源</div>     <div class="flex-item"><img src="imgs/yxlj.gif" alt="">信息服务</div>     <div class="flex-item"><img src="imgs/link.gif" alt="">友情链接</div>     <div class="flex-item"><img src="imgs/weixin2.png" alt="">官方微信</div>     <div class="flex-item"><img src="imgs/sina.gif" alt="">校园微博</div>     <div class="flex-item"><img src="imgs/txweb.gif" alt="">校友联谊</div> </div>.flex-container {     display: flex;     flex-wrap: wrap;     justify-content: space-evenly;     align-content: space-evenly;     width:960px;     margin: 0 auto; } .flex-container .flex-item{     width: 137px; }这个是1366*768的屏幕，显示居中，没有问题。当我审查时候，换成1920*1080分辨率的时候 就不能居中了。求解