다양한 이미지를 div에 배치

div가 200px x 200px입니다. 나는 다양한 크기의 이미지 슬라이드 쇼를 만들고 있습니다. 나는 사진들이 모두 div에 집중되기를 원하지만, 단지 200x200의 사진 만 보입니다. 따라서 그림이 더 크면 그림의 일부만 표시됩니다.다양한 이미지를 div에 배치

어떻게하면됩니까? 사업부에

감사 Kousha이고

출처

2012-06-25 user1083320

http://whathaveyoutried.com/ 당신은 HTML, CSS 및 자바 스크립트 (아마도 jQuery를) 사용해야합니다 – odiszapc

. 나는 네가 보여준 것에 따라 너에게 필요한 모든 것을 주었다. 제발, 일부 코드를 게시하십시오. 우리는 무료로 코드를 작성하지 않습니다. 우리는 사람들로 하여금 규범을 지키고 의심을 해결하도록 돕기 위해 왔습니다. – rcdmk

[답변 제공] (http://stackoverflow.com/a/11182674/144665)이 유용 했습니까? – iambriansreed

사용자 overflow: hidden; 스타일.

출처

2012-06-25 01:46:51

? "... 모든 사진이 div에 집중되도록 ..." – iambriansreed

@ iambriansreed - 와우, 정말 -1일까요? 그가 div 안에 ""태그를 사용하고 있지 않다는 것을 어떻게 알 수 있습니까? 아니면 실제 코드를 게시하지 않았습니까? downvote를 제거하십시오. 그렇지 않으면 답을 알기 위해 뭔가를 찾을 것입니다. –

투표의 목적은 좋은 콘텐츠를 맨 위의 나쁜 콘텐츠로 푸시하는 것입니다. 내 대답이 실제로 잘못되었거나 해결책의 일부가 누락 되었다면 알려 주면 대답을 바꿀 것입니다. – iambriansreed

-1

다음은 모든 이미지를 가운데에 맞 춥니 다. div의 너비와 높이보다 큰 이미지는 잘립니다. 스타일 시트에서

div { 
    overflow: hidden; 
    background: #fff center center no-repeat; 
}

당신의 HTML에서 :

<div style="background-image: url('url_of_image.jpg')"></div>

출처

2012-06-25 01:52:13 iambriansreed

? "나는 ** 사진 **을 원해요."-1 당신이 이것을 고려하지 않았기 때문에 -1 또한 슬라이드 쇼를 만드는 방법 **을 보여 주어야합니다. 좋은 측정을 위해 페이지도 –

다양한 이미지를 div에 배치

답변

관련 문제