css radio 垂直居中显示,CSS表单元素垂直居中完美解决方案

CSS表单元素垂直居中完美解决方案

来源：设计前沿收集 作者：佚名　时间：2013-02-18 09:00

表单元素完美垂直居中

*{padding:0; margin:0;}

body{font:14px/1.231 Tahoma, Geneva, sans-serif; background-color:#D1D5E7;}

label{cursor:pointer; vertical-align:middle;}

input{vertical-align:middle; margin:5px;}

.warp{ margin:100px 350px;}

span{ vertical-align:middle; text-decoration:underline;}

img{ vertical-align:middle; border:1px solid #CCF;_margin-bottom:1px;}

p{font-size:14px;}

h2{font-size:16px;}

单选框和复选框面积很小，不容易点击，造成许多用户的困扰，用户体验不佳

请看【一丝冰凉】的完美解决方案:

完美垂直居中，点击文字可选，快捷键可选，鼠标在文字上显示手型(暗示可点击)

X×我是完美的复选框

我支持键盘 Alt+2选择(2)

X×我是完美的单选框

X×我是完美的文本框

图片也能居中