2015-02-06 6 views
-1

기본적으로 나는 래퍼 내부에 2 개의 이미지 (세로 정렬)가 있습니다. 이제, 래퍼를 몸 안쪽에 배치하면됩니다.본문의 가운데 세로 및 가로 가운데

내 래퍼를 몸 안쪽에 가운데에 넣을 수 있습니까? 추가

<!DOCTYPE html> 
<html lang="es-ES"> 
<head> 
    <meta charset="utf-8"> 
    <base href="<?php echo BASE; ?>"> 
    <title>tittle goes here</title> 
    <meta name="description" content="descr goes here"> 
    <style type="text/css"> 
     body {margin: 0; padding: 0;} 
     .wrapper {background-color: red; display: inline-block;} 
     .wrapper span {display: inline-block; vertical-align: middle; margin: 0 20px;} 
     .wrapper span img {display: block;} 
    </style> 
<body> 
<div class="wrapper"> 
    <span><a href=""><img src="..." width="225" height="60" alt="..."></a></span> 
    <span><a href=""><img src="..." width="120" height="120" alt="..."></a></span> 
</div> 
</body> 
</html> 
+0

참조 : [요소를 가로/세로 가운데에 배치하는 방법?] (http://stackoverflow.com/questions/19461521/how-to-center-an-element-horizontally-and-vertically/19461564#19461564). –

답변

0

시도 : 래퍼에

text-align: center; display: table-cell; vertical-align: middle; 

.

관련 문제