看别人的博客对这个问题研究,想到之前也遇到过类似问题,但是没有深入细想,在此经过测试感觉下面方法比较好:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
input{
height:14px; vertical-align:top;
}
</style>
</head>
<body>
<input type="radio"><span>你好</span>
<input type="checkbox"><span>hello</span>
</body>
</html>
更多请看:
http://www.zhangxinxu.com/wordpress/2009/08/复选框或单选框与文字对齐的问题的深入研究与一/