div에 세로로 이미지를 쌓을 수있는 방법

3 개의 이미지가 포함 된 div가 필요하고 이미지를 세로로 쌓아두고 싶습니다.
div 너비를 내 이미지 너비로 설정했는데 아무 것도 나타나지 않습니다. 내 코드는 다음과 같습니다.div에 세로로 이미지를 쌓을 수있는 방법

.detailImgWrapper 
    { 
    display: inline; 
    position: relative; 
    width: 25px; 
    top:-210px; 
    } 

.detailImgWrapper img 
    { 
    visibility: hidden; 
    padding: 0; 
    padding-top: 10px; 
    display: inline; 
    width: 25px; 
    height: 25px; 
    }

감사합니다.

출처

2011-12-18 Dale

jsfiddle.net을 사용하여 예제로 링크를 보낼 수 있습니까? 왜 디스플레이 설정 : img 태그에 대한 블록이 원하는 것을 달성하지 못하는지 이해할 수 없습니다 (Aaron에서 제안한대로). –

이미지를 display: block으로 설정하면 이미지가 세로로 쌓여야합니다.

출처

2011-12-18 22:35:38 Aaron

나는 너무 생각했다. 그렇게하면 줄 바꿈이 div 내에서뿐만 아니라 전체 창에 적용됩니다. – Dale

img를 display : block으로 변경하면 포함 된 div에도 적용됩니다. – Dale

이것은 작동하지 않습니까? http://jsfiddle.net/jblasco/QqJRR/ – justis

부모와 디스플레이의 조합 : 인라인과 자식을 디스플레이로 사용 : 블록은 치수가있는 요소를 가로로 정렬하는 데 사용하는 기술입니다. 표시 : 치수를 부여하기 위해 블록이 필요합니다 (i) 귀하의 케이스 채우기.

작성한 코드는 세로로 쌓기보다는 이미지를 가로로 정렬하는 것으로 나타납니다. 인라인이 부모에서 제공되는 이유는 무엇입니까?

출처

2011-12-19 04:41:47

div에 세로로 이미지를 쌓을 수있는 방법

답변

관련 문제