网页的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分辨率的时候 就不能居中了。求解