-1
我想垂直居中我的div中的文本,但vertical-align:middle不工作。在絕對定位的div中垂直對齊文本
這是我的CSS:
body,html {
height:100%;
min-height:100%;
}
#container {
position:relative;
width:300px;
height:70%;
background:red;
}
#box {
position:absolute;
bottom:30px;
background:yellow;
height:20%;
vertical-align:middle;
width:100%;
text-align:center;
}
這是我的html:
<div id="container">
<div id="box">
<p>text</p>
</div>
</div>
我試圖從%上邊距,但它不是最好的解決辦法。這裏是我的在線版本:http://jsfiddle.net/f2qf031h/
我想中心的絕對定位的div,而不是整個DIV中的文本。 – user1452062 2014-08-28 11:09:51
請參閱編輯版本的答案:) – 2014-08-28 11:15:11