飞龙博客

feilong.org 前端开发教程

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

飞龙更新于 2010-09-25 12:26 加入书签 CTRL+D 有 116 个朋友来过

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

飞龙初发:
2010-09-25 12:26
本文更新网址:
https://feilong.org/input-button-img-vertical-align-middle

所在目录: 网站开发

新作:

旧文:

  • html css js
  • angular react vue
  • flutter python