那些小经验
时间：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垂直对齐了。
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
评论（0）