码迷,mamicode.com
首页 > 其他好文 > 详细

那些小经验

时间:2014-05-03 22:32:34      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   width   string   

(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

那些小经验

标签:style   blog   class   code   width   string   

原文地址:http://www.cnblogs.com/yiyang/p/3705269.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!