我想垂直對齊我的div
的內容。垂直對齊div的內容
因此,基本上'你好測試'應該是在垂直div
的中心。
.parent {
background:blue;
float:left;
width:100%
}
.parent div {
float:left;
width:50%;
}
h1 {
font-size:50px;
margin:0;
padding:0;
}
<div class="parent">
<div>
<h1>hello!</h1>
<p>test</p>
</div>
<div>
<img src="http://placehold.it/250x250" />
</div>
</div>
[Flexbox的解決方案(HTTPS ://jsfiddle.net/z9zw0u9g/1/):'.parent {display:flex; align-items:center; }'。 – lmgonzalves
@lmgonzalves這是優秀的 - 請添加爲答案:) – michaelmcgurk
完成!但是請考慮在IE9中不支持「flexbox」 - :( – lmgonzalves