input与label的对齐
2010-06-05 16:39
344 查看
上图看效果:
![](http://hi.csdn.net/attachment/201006/5/0_1275727023j4K9.gif)
![](http://hi.csdn.net/attachment/201006/5/0_12757270267cbF.gif)
通过上两图对比可以看出效果变化。
主要是在IE7中测试的效果。
CSS代码:
![](http://hi.csdn.net/attachment/201006/5/0_1275727023j4K9.gif)
![](http://hi.csdn.net/attachment/201006/5/0_12757270267cbF.gif)
通过上两图对比可以看出效果变化。
主要是在IE7中测试的效果。
CSS代码:
/*利用“*+”,来专署定义IE7,利用“_” 来专署定义IE6*/ input{margin: 0; *+vertical-align:bottom; *+margin-top:-2px; _vertical-align:middle;}
相关文章推荐
- input[type="checkbox"]与label对齐
- label和input里面文字不对齐的解决方法!
- input与label的对齐
- 关于label和input对齐的那些事
- bootstrap label input 对齐
- input checkbox 与 后面的 label文字对齐
- input checkbox与label的文字的对齐
- label和input对齐的方法
- CSS深入之label与input对齐!
- input[type="checkbox"]与label对齐解决办法
- [ CSS ] CSS深入之label与input对齐!
- 表单label与input对齐的方法
- CSS深入之label与input对齐!
- label和input对齐的方法
- 如何让表单文本框左边标签文本右对齐---label
- 如何让input和img水平对齐
- HTML中input和button解决等高不对齐的原因
- 记一次才过的坑:label嵌套input
- label和input垂直居中
- 使用vertical-align实现input和img对齐