示例❤源码


<style type="text/css">
.pays{ display:flex; text-align:center; }
.pays li{ width:50%; list-style:none; }
.pays img{ max-width:96%; }
.wx { padding-top:2.5rem; }
@media only screen and (max-width:450px){
    .pays{ display:block; }
    .pays li{ width:100%; }
    .wx { padding-top:1.0rem; }
}
</style>

<div class="pays">
    <li class="wx">
        <img src="http://txjia.com/h5/pay/xie-wx.png" alt="微信">
    </li>
    <li>
        <img src="http://txjia.com/h5/pay/xie-ali.png" alt="支付宝">
    </li>
</div>