如何让span图片居中在div中

     <div class="TabListItem">
        <div class="ListItem1">
            <div class="ItemIcon">
                <span class="Icon Icon1"></span>
            </div>
        </div>




.TabListItem .ListItem1-2{
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
    margin-left: 82px;
    margin-right: 10px;
    background-color: #000066;
}

@media(min-width:600px){
    .TabListItem .ListItem1-2 .ItemIcon{
        width:275px;
    }
    .TabListItem .ListItem1-2{
        box-sizing: border-box;
        text-align: center;
        margin:10px auto;
        text-align: center;
        background-color: #000066;
    }
}

.TabListItem .ListItem1-2 .ItemIcon{
    display: block;
    background: url("../images/Mobile_bg0302.png") center center no-repeat;
    background-size: 100% 100%;
    height: 285px
}
.TabListItem .ListItem1-2 .ItemIcon .Icon1{
    display: block;
    background: url("../images/Mobile_bg0304.png") center center no-repeat;
    background-size: 100% 100%;
    height: 285px
}

用的 margin: 0 auto 解决

 @media(min-width:600px){
    .TabListItem .ListItem1-2 .ItemIcon{
        width:275px;
        margin: 0 auto;
    }
    .TabListItem .ListItem1-2 .icon2{
        box-sizing: border-box;
    }
}

div class="ItemIcon" style="text-align:center">

针对div设置style="text-align:center"