2015-02-06 3 views
0

일부는 다른 사람으로부터 도움을 받았습니다. 이미 이미지에 수평 텍스트가 있습니다. 지금은 텍스트를 가운데에 세로로 배치하고 싶습니다. 당신이 설명 사이트는 텍스트에 이미지를 정렬하는 vertical-align:middle 속성을 사용할 수 있습니다 http://css-tricks.com/what-is-vertical-align/상단 이미지의 가운데 수직 이미지

에 좀 걸릴 수 있습니다 당신에게 아주 사람

<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%; 
} 
+1

이 항목을 추가하십시오 : top : 50 %; transform : translatey (-50 %);'.texts' [예] (http://jsfiddle.net/ty9owm5d/) –

답변

관련 문제