前端之家收集整理的这篇文章主要介绍了
使用CSS HTML垂直对齐提交按钮，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我无法按照我在Internet Explorer中的输入显示提交按钮.在safari和firefox中对齐很好,但IE正在按下按钮约5px.任何想法为什么会发生这种情况或我如何解决它？
网址是http://www.menslifestyles.com
单击页面顶部的订阅,表单将弹出.
两个输入直线对齐,即提交按钮不对齐！
——- ——- HTML
—– CSS ——-
#subscribe{
width:620px;
position:absolute;
top:25px;
left:50%;
margin-left:-120px;
overflow: auto;
z-index: 1000;
background: #ffffff;
color:#6e6e6e;
font-size: 10px;
text-transform: uppercase;
font-family: Helvetica,Verdana;
}
#subscribe input{
border: 1px solid #e5e5e5;
display: inline;
height: 12px;
color:#cccccc;
width: 215px;
}
#subscribe input[type="button"],#subscribe input[type="submit"]{
clear:both;
padding:3px,0px;
-webkit-appearance: none;
font-family: Helvetica,Verdana;
background-color:#cccccc;
text-align:center;
color: #3c3c3c;
font-size:10px;
text-transform: uppercase;
border: none;
cursor: pointer;
display: inline;
height:15px;
width:60px;
position:relative;
margin-left:5px;
}
#subscribe form{
margin:0px;
padding:0px;
}
#subscribe label{
display: inline;
font-size: 10px;
}
#subscribe a{
text-decoration: none;
color: #cccccc;
}
#subscribe #closelink{
padding:0 5px;
}
最佳答案
在#ssubscribe输入[type =“button”]的css中,#subtscribe输入[type =“submit”]尝试
添加vertical-align：top;
