那些小经验

时间:2014-05-03 22:32:34   收藏:0   阅读:351

(1) 

A.

1
2
3
4
<input type="radio" name="bank">
<label>
      <img src="..." alt="">
</label>

 input和lable自然对齐,label高度显然没有包裹img,如果给img设置vertical-align:middle。则label就会在img垂直中心,input和lable本来就会对齐,那么input也就和img垂直对齐了。

 

 

bubuko.com,布布扣

B.

但如下结构就不行了

1
2
3
4
5
6
7
<input type="radio" name="bank">
<div class="bank-list-item">
     <label>
         <img src="..." alt="">
     </label>
     <p>中国银行</p>
</div>

 img依然是vertical-align:middle

bubuko.com,布布扣

 

 

那些小经验,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!