垂直居中解决input输入框和图片按钮对齐
feilong.org 修订于2010-09-25 12:26:50 217 次浏览input button 表格和按钮对齐问题
1、INPUT和图片按钮对齐
<form method="post" action="">
<input type="text" name="title" onfocus="this.value=''" value="关键字">
<input type=image src="#" align="absmiddle">
</form>
也可以在按钮的样式里面加入：vertical-align:middle;
2、INPUT和文字对齐
定义INPUT的样式，input {vertical-align:middle;}，这样文字就会和INPUT框对齐。
3、以此类推，SELETE框、textarea、button
可以在全局CSS中定义：
input,select{vertical-align:middle;}
更新网址：https://feilong.org/input-button-img-vertical-align-middle
最初发布：20100925 12:26:50 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： 网站开发