페이지의 DIV에 가변 폭의 이미지를 센터링하는 방법은 무엇입니까?

컨테이너 중심에 놓으려는 가변 너비의 이미지가 있습니다. div은 페이지의 가운데에 배치됩니다. I는 div의 폭을 설정하고 센터 것이다 그것을 margin: 0 auto을 제공하지만, 문제는 div 내부 화상 가변 폭 있다는 그래서 용기 div의 폭을 설정할 수없는 경우페이지의 DIV에 가변 폭의 이미지를 센터링하는 방법은 무엇입니까?

제안 사항?

설명 : 컨테이너 div에는 이미지의 한쪽면에서 30px로 확장해야하는 배경 이미지가 있습니다. 따라서 컨테이너 div은 설정된 너비가되어야하지만 이미지 크기에 따라 확장/축소 할 수 있어야합니다.

출처

2009-08-17 James Skidmore

텍스트 정렬 : 센터 작동합니까? –

div의 목적은 무엇입니까? 시각적 요소입니까? (프레임 용) 너비를 설정할 수있는 유일한 방법은 JS 또는 다른 스크립트를 사용하는 것입니다. – Moak

@Moak, 프레이밍을위한 시각적 요소입니다. –

이미지에 패딩을 추가하십시오!

img#foo{ 
    display:block; 
    margin:0 auto; 
    background:url(/image/bg.gif); 
    padding: 30px; 
}

출처

2009-08-17 15:04:00 Moak

오, 그냥 이미지에 추가하는 것이 좋습니다. 'div '는 일종의 불필요한 일이었습니다. 고마워요! –

이미지를 배경으로 설정하고 중심으로 움직일 수 있습니까?

출처

2009-08-17 14:58:48 Pawka

위의 설명을 참조하십시오. 감사. –

img#foo { 
    display:block; 
    margin:0 auto; 
}

이미지 요소는 대체 된 요소이며 내재 된 너비는 명시적인 너비가 설정되지 않고 가운데 맞춤을 허용합니다.

출처

2009-08-17 15:00:51

페이지의 DIV에 가변 폭의 이미지를 센터링하는 방법은 무엇입니까?

답변

관련 문제