[兼容性] 75. 单选框、复选框与后面的文字对不齐

[qiilee]

问题说明： 单选框、复选框与后面的文字对不齐。

解决方法：

    .align{font-size:12px;}
    .align input{ display:block; float:left;}
    .align label{ display:block; float:left;padding-top:3px; padding-top:5px;}

需注意的问题说明：

1. 设置 padding 后高度和宽带都会增加 说明： 除了 ie5.5，其他所有浏览器中，设置 padding 以后高度和宽带都会增加
2. 使用 XHTML 1.0Transitional 后，div 宽度 说明： 在使用 XHTML 1.0Transitional 以后 div 宽度都不包含 border 的宽度了，设置宽度的时候需要注意下。
3. 外层相对定位，内层绝对定位 说明： ie6 下，外层 div 的 postion:relative，并设置 text-align，内层 div 的 postion: absolute，这时内层的位置是相对于 text-align 而言的 例如：

<div style="position:relative;border:1px solid orange;text-align:center;zoom:1">
  position:relative
  <div style="position:absolute;top:0;left:0;background:#CCC;">
    position:absolute
  </div>
</div>