radio与img对齐 (CSS3)

实现方式:

html:

<div class="pay-four">
<div class="pay-four-border">
<input type="radio" name="payment" id="" value="" class="pay-choose" /><img src="static/img/zfb.png"/>
<input type="radio" name="payment" id="" value="" /><img src="static/img/wx.png"/>
</div>
</div>

css:

.pay-four-border input[type=radio],.pay-four-border input[type=radio]+img{
vertical-align: middle;
}

原文地址:https://www.cnblogs.com/likewpp/p/7124619.html