div中的input居中问题

[qinglinglaoren]

我的问题是，我在其他地方的div中的input在ie7 ，ff ，chorm 中能通过line-height属性使得input垂直居中，但是在其中的一个div中却无论如何也无法实现，在ie6和ie8通过设置input的margin属性可以实现。求解。

[三石-gary]

div 用text-align:center这个试试

[qinglinglaoren]

问题解决办法：在input之前加入回车，让其不与div同一行，则解决ie7问题，在input前添加: 空格，解决ff和chorm问题。

[qinglinglaoren]

[Quote=引用 1 楼 zsx841021 的回复:]
div 用text-align:center这个试试
[/Quote]
试过了，不行。我的原因是，<div><input></div>这样的布局下的input垂直居中问题。

[三石-gary]

<div style="height:30px; line-height:30px;text-align:center;"><input type="text" size="50" /></div>
是这样？

[Acesidonu]

我也是一直设置input的margin属性

[qinglinglaoren]

[Quote=引用 4 楼 zsx841021 的回复:]

<div style="height:30px; line-height:30px;text-align:center;"><input type="text" size="50" /></div>
是这样？
[/Quote]
恩。是的。

[qinglinglaoren]

[Quote=引用 5 楼 acesidonu 的回复:]

我也是一直设置input的margin属性
[/Quote]
恩，设置input的margin属性是可以的。

[yzykq]

margin可以么，我怎么不行啊，还是用四楼的方法行得通！

[paper0519]

要不你的input框和你的div高度一致，要不通过margin设置

[Neglected23]

<div style=" width:200px; margin:0 auto;"><input type="text" /></div> input{ width:200px;}

[Neglected23]

<style type="text/css">  
input.text{text-align:center;padding:10px 20px;width:300px;}  
</style>  
<input class="text" type="text"/>