2016-11-28 38 views
-1

我將文字垂直居中,現在我需要將它居中對齊。 我錯過了什麼或它不可能做text-center當我有display: flex;和​​無法將我的文字與'文字中心'對齊

<div class="row"> 
    <div class="bild text-center"> 
    <h2 class="vit text-center">Mobiltelefoner & Surfplattor</h2> 
    <img src="https://www.zong.com.pk/images/uploads/misc/4.internationalcalls_desktop-Banner.jpg" style="visibility: hidden;"> 
    </div> 
</div> 

CSS

div.bild { 
    width: 100%; 
    background: url('https://www.zong.com.pk/images/uploads/misc/4.internationalcalls_desktop-Banner.jpg') no-repeat center center; 
    background-size:100% auto; 
    display: flex; 
    align-items: center; 
} 

http://www.bootply.com/1k8s3Rw322

+2

的可能的複製[Flexbox的:中心的水平和垂直(http://stackoverflow.com/questions/19026884/flexbox-center-horizo​​ntally-and-vertically) – Flexicoder

回答

0

我認爲這將是你的期望。

<div align="center"> 
    <p>This is going to be aligned center</p> 
    <p>This is also</p> 
</div> 
+0

是這有點解決它,但是它攪亂我的IMG SRC。 – Brand