如何垂直中心div？我試著做一個(gè)小的用戶(hù)名和密碼輸入框。我想問(wèn)，你如何垂直對(duì)齊一個(gè)div？我所擁有的是：<div id="Login" class="BlackStrip floatright">
<div id="Username" class="floatleft">Username<br>Password</div>
<div id="Form" class="floatleft">
<form action="" method="post">
<input type="text" border="0"><br>
<input type="password" border="0">
</form>
</div></div>如何使div與id用戶(hù)名和表單垂直對(duì)齊到中心？我試著說(shuō)：vertical-align: middle;在帶有id登錄的div的CSS中，但它似乎不起作用。任何幫助都將不勝感激。
3 回答
月關(guān)寶盒
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊
HTML
<div class="outerDiv"> <div class="innerDiv"> My Vertical Div </div></div>
CSS
.outerDiv {
display: inline-flex; // <-- This is responsible for vertical alignment
height: 400px;
background-color: red;
color: white;}.innerDiv {
margin: auto 5px; // <-- This is responsible for vertical alignment
background-color: green; }.innerDivmargin: auto *px;
*
display: inline-flex
它可能無(wú)法在InternetExplorer中工作：p：)
添加回答
舉報(bào)
0/150
提交
取消