위치 일

Question

내가 기본적으로 2

, 내가하는 DIV를 가지고있는 내가 사진을

무엇 CSS 스타일을 내 질문은 정말 간단하게하려고합니다

은 내가 낭비를 위해 매번 내가 국경에서

죄송합니다 같은 거리에있는 브라우저 창 거기 숙박 (사업부 내부)의 크기를 조정하는 조건으로 DIV 안에 정확하게 위치를 사진에 적용해야합니다 당신의 시간 그러나 나는 아직 도움이 필요한 초보자이고, 많이 감사합니다!

EXAMPLE HERE

코드

HTML

<div id="super_div"> 
<img id="eyes" src="images/eyes.png" /> 
</div> 

이가 수평을 중심으로 얻을 것이다

that's the question :) 

Answer 1

절대 위치를 살펴 봐야합니다. 먼저 div의 position 속성을 relative로 설정합니다. 예 :

#super_div 
{ 
    position: relative; 
} 

그런 다음 이미지의 position 속성을 absolute로 설정하고 상단 및 왼쪽 또는 오른쪽 속성을 사용하여 상위 div에 배치합니다. 따라서 예를 들면 다음과 같습니다.

#eyes 
{ 
    position: absolute; 
    top: 20px; 
    left: 20px; 
} 

이렇게하면 이미지가 현재 위치를 유지할 수 있습니다. Here's a link to an article explaining the basics. 희망이 도움이됩니다.

Answer 2

CSS :

세로로 가운데 정렬해야하는 경우 상황이 좀 더 까다로워집니다. 테이블에 의지하거나, 배경 이미지 (상황에 따라 적절하다면)를 사용하거나 CSS로 바이올린을 사용할 수 있습니다. 나는 얼마 전에 비슷한 상황을 해결하기위한 기초로 http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/에 코드를 사용했습니다.