CSS 오버플로 -x : 스크롤 내용이 표시됩니다.

오버플로 -x : 스크롤에 대한 다양한 포럼 게시물을 통해 검색 방법을 설명하고 대부분의 경우 동일한 문제가 OP 문제를 해결했습니다.CSS 오버플로 -x : 스크롤 내용이 표시됩니다.

그러나 이러한 게시물을 따라했지만 여전히 내 문제를 해결할 수없는 것 같습니다. 도와주세요!

이미지 미리보기 창 (큰 이미지, 축소판 목록)을 만들고 있는데, 가로로 스크롤 가능한 DIV에 축소판을 놓으려고하고 있지만 계속해서 반복해서보고 있습니다.

현재 코드에서 200px 너비로 설정했지만 오버플로 -x가 있음에도 불구하고 div는 여전히 화면 전체의 미리보기 이미지를 모두 보여줍니다. 컨테이너 모두에 행운 변경 디스플레이 유형과 아이들과 함께, 나는 DIV 각 IMG을 둘러싸 시도

<div id="ThumbView"> 
     <?php 
     // Create a slide-able thumbnail view. 
     $piclist = explode(", ", $datafiller['PictureList']); 
     foreach ($piclist as $thumbnail) { 
     echo "<img src=\"./Images/Inventory/" . $_GET['carid'] . "/thumbnails/" . $thumbnail . "\">"; 
     } 
     ?> 
    </div>

:이 작은 조각을 위해 다음과 같이

#Thumbview { position:relative; height:100px; width:200px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }

내 PHP는 다양한 인라인 요소. 아직도 변화 없음. 아이디어?

출처

2014-11-02 Jonathan Styles

'overflow-x : scroll'이 설정되면 내용을 보게됩니다. 왜냐하면 스크롤바가 생기기 때문입니다! 내용을 잘라내려면 'overflow-x : hidden'을 사용하십시오. 그렇지 않으면 뭔가 이해가 안되는 경우 이미지를 어떻게 보이고 틀린 지 게시 해주세요. – Rizier123

CSS는 작은'v '가있는 Thumbview 용입니다. 귀하의 ID는 대문자 'V'인 ThumbView입니다. –

Rizier123 : 나는 스크롤바가 나타나기를 원하지 않는다. DIV의 모든 내용이 DIV의 범위를 넘어서고있다 ... –

아이디 이름은

<div id="ThumbView"> 

#ThumbView

이가 U이 필요로하는 무엇합니다 (V에 대한 관리)와 일치해야합니까? http://jsfiddle.net/x96hq47c/

출처

2014-11-02 03:29:42 Kristo

Chris Barlow가 제공 한 의견에 따라 수정했습니다. 이 중요한 항목을 파악하기 위해 Stack에서 모두 멋진 모습을 보였습니다. 내 실수는 간단합니다. 미안 내가 모든 사람의 시간을 낭비했다면! 도와 줘서 고마워. –

CSS 오버플로 -x : 스크롤 내용이 표시됩니다.

답변

관련 문제