表单项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

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

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

input button select 垂直对齐问题

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

Input和Img等元素垂直对齐的方法

只需要将Style中的属性设置一下即可 {vertical-align:middle;}
  • missmecn
  • missmecn
  • 2010年01月15日 18:48
  • 1480

如何让input和img水平对齐

将input和img放同一行,img标签总是比input高出一个头,非常难看。之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确...
  • zhichao2001
  • zhichao2001
  • 2011年07月15日 17:11
  • 5185

DIV中实现input垂直居中

body{font-size:12px;} .lanrentuku1{ border: 1px solid #CCC; width:1120px; height:40px; margin:aut...
  • word_ppt
  • word_ppt
  • 2013年03月24日 11:32
  • 901

移动端web开发之坑---input内文字与同行文字不对齐问题

港币 在chrome中设置p{ display: flex;justify-content: flex-start;align-items: center }就可以很好的解决对齐的问题,因为i...
  • screaming_color
  • screaming_color
  • 2017年07月11日 19:04
  • 533

谷歌浏览器input上下不对齐兼容解决办法

最近项目中,需要写一个搜索框样式(样式很简单)如下: 当写完代码,进行浏览器兼容性测试的时候,发现在谷歌浏览器下文本框和按钮没有对齐,文本框偏下一点,其他浏览器正常;样式如下: 原因:文本框高度少...
  • bwq2016
  • bwq2016
  • 2016年10月27日 14:28
  • 414

如何让input和img水平对齐

给input和img添加vertical-align:middle
  • an74520
  • an74520
  • 2014年03月29日 22:20
  • 886

让HTML中的文本框<input type="text">中的文字垂直居中

当你自己定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入的文字垂直居中。...
  • gantrylau
  • gantrylau
  • 2016年05月22日 10:07
  • 20748

CSS_input 垂直居中

input 垂直居中总是有问题,查了资料,好像说是按照里面文字的底线对齐来居中的。网上的解决方法是:对input 使用vertical-align:middle;...
  • trace332
  • trace332
  • 2009年06月03日 17:15
  • 2196
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单项INPUT、SELECT等垂直对齐的方法
举报原因:
原因补充:

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