如何垂直中心div？我試著做一個小的用戶名和密碼輸入框。我想問，你如何垂直對齊一個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用戶名和表單垂直對齊到中心？我試著說：vertical-align: middle;在帶有id登錄的div的CSS中，但它似乎不起作用。任何幫助都將不勝感激。
3 回答
catspeake
TA貢獻1111條經驗 獲得超0個贊
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
它可能無法在InternetExplorer中工作：p：)
- 3 回答
- 0 關注
- 606 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消