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

原创 2011年01月19日 00:06:00

1.INPUT和图片按钮对齐:
   


   
   
   

也可以在按钮的样式里面加入:vertical-align:middle;
2.INPUT和文字对齐
定义INPUT的样式,input {vertical-align:middle;},这样文字就会和INPUT框对齐。
3.以此类推,SELETE框等都如此
可以在全局CSS中定义:input,select{vertical-align:middle;} 省的后面麻烦。

原文:http://www.ffasp.com/content.asp?newsid=1675

input button select 垂直对齐问题

测试在这些控件中设置css的:  vertical-align:middle;即可解决ie8/ff5/safari5且测试发现,在浏览器中,ie/ff的button border是包括在height内...
  • qidizi
  • qidizi
  • 2013年04月11日 21:27
  • 439

让文本框和按钮在同一水平线上

页面显示中,经常性的,文本框和按钮不再同一水平线上,让页面显得不好看,查询资料,和尝试下,得到下面一种解决方法: 采用浮动和设置高度 先让文本框左浮动,按钮左浮动,让两者的上边界在同一水平线上, ...

表单元素input、按钮、文字完美垂直居中对齐方法

本文最终总结出来办法就是要对齐的表单内容(含文字、图片、表单各种元素、label)字体设置为Tahoma,则可以完美的实现对齐(Verdana等字体也可以),其中个别的input元素如radio的pa...

表单元素input、按钮、文字完美垂直居中对齐方法

本文最终总结出来办法就是要对齐的表单内容(含文字、图片、表单各种元素、label),完美解决表单元素input等对齐问题。 本文最终总结出来办法就是要对齐的表单内容(含文字、图片、表单各种元素、la...

input文本框、文字、按钮、图片 垂直居中对齐的解决办法

1.input 文本框 文字垂直居中对齐 表单默认input文本框文字并不垂直居中而在顶端,如何调整呢,可以通过css来调整垂直高度,代码演示如下 input type...
  • familyGo
  • familyGo
  • 2011年07月27日 09:38
  • 13940

杂七杂八JS : input输入框和select不可改的方法

一:input输入框不可改有几种方式      方式一:onfocus="this.blur()" ---在某对象获得焦点时,使其失去焦点                   改方式因为失去焦点,所...

JQuery中 input areatext select checkbox radio 取值方法

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     无标题...

网站设计Div垂直对齐方法

  • 2009年08月25日 14:29
  • 4KB
  • 下载

[乐意黎]复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法

复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法 今天项目中出现了一个checkbox与同一行的文字不能对齐的问题,检查后发现个问题,checkbox和radio两...
  • aerchi
  • aerchi
  • 2016年06月14日 09:30
  • 2870
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单项INPUT、SELECT等垂直对齐的方法
举报原因:
原因补充:

(最多只允许输入30个字)