飞龙博客

深入经藏 智慧如海

垂直居中解决input输入框和图片按钮对齐

feilong.org 修订于2010-09-25 12:27:56 3,867

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;}

更新网址:http://feilong.org/input-button-img-vertical-align-middle
最初发布:20100925 12:26:50 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文:

飞龙前端QQ群