在进行div+css布局的过程中,很多同学发现表单单选框与复选框不能跟文本对齐,下面青岛星网跟大家分享:div+CSS实现单选复选框与文本对齐的方法。
HTML范例代码
单选框line-height:18px;复选框line-height:18px;单选框line-height:20px;复选框line-height:20px;单选框line-height:30px;复选框line-height:30px;单选框line-height:18px;height:30px;复选框line-height:18px;height:30px;单选框line-height:20px;height:30px;复选框line-height:20px;height:30px;单选框line-height:30px;height:30px;复选框line-height:30px;height:30px;单选框line-height:18px;font-size:14px;复选框line-height:18px;font-size:14px;;单选框line-height:20px;font-size:16px;复选框line-height:20px;font-size:16px;单选框line-height:30px;font-size:16px;复选框line-height:30px;font-size:16px;
CSS代码/* 预览辅助样式 */
body{margin:20px;}
/* 选框与文本对齐 */
input{position:relative;*top:1px;margin:0 4px 0 0;*margin:0 0 0 -4px;}