欢迎来到yeencms,品质是企业的生命!
使用帮助
技术交流
功能演示
关注微信
手机版
网站首页 > 知识中心 > 网页基础 > DIV+CSS > input输入框、submit按钮、s_elect等表单元素不对齐的解决方法

input输入框、submit按钮、s_elect等表单元素不对齐的解决方法

时间:2013-04-26 浏览:5755
标签: css 表单
摘要:今天在做网页的时候发现表单中的input输入框和submit按钮总是对不齐,处于上下错位状态,最终在网上找到解决方法,拿来做个备忘。1.input和图片按钮对齐:<form><inputtype="text"><inputtype="image"src="htmer_img

今天在做网页的时候发现表单中的input输入框和submit按钮总是对不齐,处于上下错位状态,最终在网上找到解决方法,拿来做个备忘。

1.input和图片按钮对齐:

<form>

<inputtype="text">

<inputtype="image"src="htmer_img.gif"align="absmiddle">

</form>

也可以在按钮的样式里面加入:vertical-align:middle;

2.input和文字对齐

定义input的样式:input{vertical-align:middle;},这样文字就会和input框对齐。

3.slelct框等都如此

可以在css中定义:input,s_elect{vertical-align:middle;}

相关信息