表单⽂字和输⼊框对齐的最简单的⽅法
关键:
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;
}
text _eamil_section input{
width:278px;
height:30px;
border:1px solid #b2bfc8;
line-height:30px;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论