input输入框、submit按钮、select等表单元素不对齐的解决方法
鄄城畅想网络 2015年11月17日
我们在鄄城网站建设的过程中经常遇到网页表单中input、slelct以及submit标签做出来的总是无法对齐的,上下错位状态,经过鄄城畅想网络技术人员的研究,最终找到解决方法分享给大家,供大学参考学习。
1.input和图片按钮对齐:
<form>
<input type="text">
<input type="image" src="jccxwl.gif" align="absmiddle">
</form>
也可以在按钮的样式里面加入:vertical-align:middle;
2.input和文字对齐
定义input的样式:input {vertical-align:middle;},这样文字就会和input框对齐。
3.slelct框等都如此
可以在css中定义:input,select{vertical-align:middle;}
通过这简短的CSS,有很多问题就会被简介 ,告别复制的CSS控制 ,两全齐美!!
更多资讯请关注公司网址:http://www.jccxwl.com