ul下的img水平居中 图片等比例缩放

 /* 图片固定宽高等比缩放 */
.pic_center{ display:inline-block; vertical-align:middle;text-align:center;width:320px;height:320px; border:1px solid #dedede;}
.pic_center img{max-width:100%; max-height:100%; display:block; margin:auto;}

<div class="pic_center">
    <img src="" />
</div>

 

// 图片水平居中

.a1 {
    border: 1px solid red;
}
.a2 {
    border: 1px solid black;
    text-align: center;
    font-size: 0;
}
.a3 {
    border: 1px solid green;
    height: 100px;
    width: 200px;
    list-style: none;
    display: inline-block;
    font-size: 20px;
}

<div class="a1">
    <ul class="a2">
        <li class="a3">a3</li>
        <li class="a3">a3</li>
        <li class="a3">a3</li>
    </ul>
</div>