顶部图像中心垂直图像

从一些帮助从其他人在计算器中我已经在图像上水平我的文字。现在我想在垂直中心的文字也。非常感谢你的家伙顶部图像中心垂直图像

<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

顶部图像中心垂直图像

回答

相关问题