頂部圖像中心垂直圖像

從一些幫助從其他人在計算器中我已經在圖像上水平我的文字。現在我想在垂直中心的文字也。非常感謝你的傢伙頂部圖像中心垂直圖像

<body> 
    <div class="images"> 
    <img src="image.jpg" id="imageid" /> 
    <div class="texts" id="text"> 
     <a href="#">Gallery 1</a> 
    </div> 
</div> 

.images { 
    position:relative; 
    text-align:center; 
    float: left; 
} 

.texts { 
    left: 0; 
    position:absolute; 
    width: 100%; 
}

來源

2015-02-06 Cao Linh Truong

加這個'top：50％; transform：translatey（-50％）;'to'.texts' [例子]（http://jsfiddle.net/ty9owm5d/） – 2015-02-06 05:34:30

你可以看看這個解釋網站http://css-tricks.com/what-is-vertical-align/

可以使用vertical-align:middle屬性將圖像對齊文本。

這裏是一個樣本http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align

來源

2015-02-06 23:52:49

頂部圖像中心垂直圖像

回答

相關問題