html中输入框垂直居中,DIV实现input输入框垂直居中示例(兼容IE8、Firefox、Safari)

垂直居中对于其它的好处但是有时用到input会发现总是对不齐了，下面我们给各位整理一个兼容IE6、IE7、IE8、Firefox、Safari的DIV实现input输入框垂直居中示例

例子

body{font-size:12px;}

.lanrentuku1{

border: 1px solid #CCC;

width:1120px;

height:40px;

margin:auto;

display: table;

*position: relative;

overflow: hidden;

}

.lanrentuku2 {

vertical-align: middle;

display: table-cell;

*position: absolute;

*top: 50%;

}

.lanrentuku3 {

*position: relative;

*top: -50%;

float:right;

padding-right:10px;

}

DIV实现input垂直居中 兼容IE6、IE7、IE8、Firefox、Safari_懒人图库

DIV实现input垂直居中，兼容IE6、IE7、IE8、Firefox、Safari。