这几天在做表单时总会碰到复选框(checkbox)和单选框(radio)与文字不对齐的问题，要不是checkbox上浮了，要不是文字上浮。在前端开发过程中，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。

解决办法：

1、文字大小必须是偶数，比如12PX。

2、将文字加上label标签并且也添加vertical-align:middle样式。

3、然后去除表单元素的边距。

案例：

    
                             测试文字x    
                测试文字x    
                文字                文字    
        测试文字            
                    测试文字                测试文字