当前位置: 代码迷 >> Web前端 >> 表单项INPUT、SELECT等垂直对齐的步骤
  详细解决方案

表单项INPUT、SELECT等垂直对齐的步骤

热度:153   发布时间:2012-10-11 10:16:10.0
表单项INPUT、SELECT等垂直对齐的方法

表单项INPUT、SELECT等垂直对齐的方法

1.INPUT和图片按钮对齐:
??? <form method="post" action="ccc.asp">
??? <input type="text" name="title" onfocus="this.value=''" value="请输入单词">
??? <input type=image src="/img/dict.gif" align="absmiddle">
??? </form>
也可以在按钮的样式里面加入:vertical-align:middle;
2.INPUT和文字对齐
定义INPUT的样式,input {vertical-align:middle;},这样文字就会和INPUT框对齐。
3.以此类推,SELETE框等都如此
可以在全局CSS中定义:input,select{vertical-align:middle;} 省的后面麻烦。

  相关解决方案