我有两个div。一个文本框和另一个按钮。我无法垂直对齐两个div。我需要文本框和按钮具有相同的高度,并在同一行垂直对齐。哪里不对?父无法在一条线上对齐两个div的垂直线
.inputHolder{
border:1px solid #FFF;
\t vertical-align:middle;
}
.input{
\t margin-top:150px;
\t width:100px;
\t height:50px;
\t border:1px solid black;
\t font-size:1.2em;
\t padding:5px;
\t display:inline-block;
}
.input:focus{
\t outline:0;
}
.goBtn{
\t height:50px;
\t width:200px;
\t border:1px solid black;
\t display:inline-block;
}
<html>
<body>
\t \t <div class="inputHolder">
\t \t \t <input type="text" class="input">
\t \t \t <input type="submit" value="Go" class="goBtn">
\t \t </div>
</body>
</html>
悲哀地显示:flex与所有浏览器不兼容 – TriForce
@TriForce它拥有97.71%的全球浏览器支持,而OP没有列出不支持flexbox的特定浏览器作为他们发布的要求。 –
但问题是,它是对齐到屏幕的左侧,我无法居中 –