[乐意黎]复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法

复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法

今天项目中出现了一个checkbox与同一行的文字不能对齐的问题，检查后发现个问题，checkbox和radio两个标签的默认高宽都是13px，而项目中使用的字体大小却是12px，如果将字体调整为14px就不存在这个问题了，于是作者根据网上查到的资料整理了几种解决办法。

先发一下具体的问题情况以及解决后的效果：

具体解决代码如下：

一般的情况
复选框    单选框

单选框
解决方法一
解决方法二
解决方法三
解决方法四aerchi.com
解决方法五
解决方法六


复选框
解决方法一
解决方法二
解决方法三
解决方法四
解决方法五
解决方法六

兼容浏览器：chrome，firefox，ie8，ie7，ie6，safari

备注：个人推荐第 2 种，第 5 种和第 6 种方法。因为这 3 种方法都没有用到 css hack。

乐意黎

本文地址: http://blog.csdn.net/aerchi/article/details/51668771