在響應div中居中文本

我想在響應div中垂直居中一些文本。我無法弄清楚。如果我能得到一些幫助，我將不勝感激。在響應div中居中文本

謝謝。

<style>  
.thumb { 
    float: left; 
    margin: 0px; 
    padding: 0px; 
    position:absolute; 
    height:100%; 
    width:100%; 


} 

.thumb img { 
    width: 100%; 
    padding: 0; 
} 
.thumb > div { 
    background-color: rgba(0,0,0,0.1); 
    opacity: 0; 
    position: absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 

} 
.thumb:hover > div { 
    display: block; 
    opacity: 1.0; 

} 
.thumb > div div { 
} 

#text { 
vertical-align: middle; 
    position: relative; 
    z-index: 2; 
    display: inline-block; 
} 


</style>

來源

2014-03-07 user3387048

的DIV在這裏看到：http://stackoverflow.com/questions/2939914/vertical-align-text-in-a-div –

這怎麼我們一般垂直居中以快速響應的DIV一些文字：

.container { 
    min-height: 10em; 
    display: table-cell; 
    vertical-align: middle 
}

這要垂直居中<div class="container">

來源

2014-03-07 11:23:35

我無法讓它工作。不管怎麼說，還是要謝謝你。 – user3387048

在響應div中居中文本

回答

相關問題