이 사이트에 중간 DIV

Question

중앙 수 없습니다 http://iledan.me/test.html

나는이 세 가지 이미지에 호버 효과를 만드는 CSS 전환을 사용하는 것을 시도하고, 각각 자신의 사업부이며, 컨테이너에있는 세 div 모두. 왼쪽과 오른쪽 아이콘은 각각 왼쪽과 오른쪽으로 떠 있고, 중간 아이콘은 양쪽에 여백 자동으로 설정됩니다. 다른 아이콘처럼 중간 아이콘을 작동 시키려면 어떻게합니까?

EDIT : 가운데 아이콘은 다른 이미지 위에 놓이는 대신 가로 세로 이미지와 원본 이미지를 나란히 표시합니다. 호버 효과를 위해 CSS 전환과 함께 불투명도를 사용하기 때문에 서로 위에 놓 이도록하는 방법을 묻습니다.

Answer 1

HTML은 - 당신이 당신의 문제가 더 명시 할 수 DIV

.img 
    { width:500px; 
     height:250px; 
     border:4px solid pink; 
     display:table-cell; 
     text-align:center; 
     vertical-align:middle; 
    } 


    <div class="box"> 
     <img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash2/377327_347562611999364_262535563_n.jpg" width="400" height="140" /> 
    </div> 

Answer 2

당신은 실종되었다 :

#facebook img { position: absolute; }