5.9w+
社区成员
- 主页
- 问答
input内文字垂直居中问题（兼容ie&ff），等待中！
<style type="text/css">
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px，希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常，在ff中图片正常，input的文字只能水平居中，如何才能垂直也居中？请教！
<!--
input {
text-align:center;
height:400px;
line-height:400px;
width:200px;
vertical-align:middle;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
-->
</style>
<body style="text-align: center">
<input>
</body>
该文本框高度设置为400px，希望其背景图和输入文字都垂直水平居中。而现在在ie里效果正常，在ff中图片正常，input的文字只能水平居中，如何才能垂直也居中？请教！
...全文
请发表友善的回复…
发表回复
seabell 2007-12-04
谢谢lkh42002，结帖。
cheungbo 2007-12-04
input改为textarea?
lkh42002 2007-12-04
input {
text-align:center;
padding-top:194px;
padding-bottom:194px;
width:200px;
vertical-align:middle;
margin-right:auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}
text-align:center;
padding-top:194px;
padding-bottom:194px;
width:200px;
vertical-align:middle;
margin-right:auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
background:url("IMG.JPG") #fff no-repeat center;
}