表单 文字和输入框对齐的最简单的方法


关键:

1.父元素(例如div)设置为text-align:center; 

2.span元素要垂直居中,要设置line-height;同时input也要设置line-height ;两者的值设置成一样的。已经经过测试,ie8、chrome下没问题。

<div class="enter_eamil_section">
<span>邮箱</span><input type="text" name="email"/>
</div>

 

.enter_eamil_section{
text-align:center;
margin:45px 0;
}
.enter_eamil_section span{
font-size:16px;
margin-right:10px;
line-height:30px;
}
.enter_eamil_section input{
width:278px;
height:30px;
border:1px solid #b2bfc8;
line-height:30px;
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



猜您在找 让多个输入框对齐 让多个文本输入框左侧对齐方法 实现一个最简单的输入框提示功能 输入框的提示文字的样式设置