스크롤 사이의 공간이

샘플을 연결하는 줄 :스크롤 사이의 공간이

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
    <style type="text/css"> 
    #container {width:300px; overflow-x:auto; overflow-y:hidden; white-space:nowrap;} 
    img {border:0;} 
    </style> 
</head> 
<body> 
    <div id="container"> 
    <a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a> 
    <a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a> 
    <a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a> 
    <a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a> 
    <a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a> 
    </div> 
</body> 
</html>

가 어떻게 1 x 1 픽셀에 대한 링크 사이의 공간을 줄일 수 ?

미리 감사드립니다.

마이크

출처

2012-07-04 Mori

감사합니다,하지만 난 두려워 그것이 작동하지 않습니다. – Mori

사이의 공백을 제거하십시오. 모두 한 줄에 넣으십시오. 그렇지 않으면 그들 사이에 공백이 생깁니다.

출처

2012-07-04 02:50:43

나쁜 생각은 아니지만 CSS로 공간을 제어하는 것을 선호합니다. – Mori

할 수 없습니다. 그것은 공간을 일으키는 내용입니다. 즉, 'font-size : 1px'를 설정하는 것이 좋습니다. –

이상 :'font-size : 1px;'는 작동하지만'font-size : 5px;'는 공간을 늘리지 않습니다. 그것은 공간을 제어하는 신뢰할 수있는 방법으로 보이지 않습니다. – Mori

안녕하세요이

img { 
    border: 0 none; 
    vertical-align: top; 
}

라이브 데모 http://jsfiddle.net/nZKv8/

출처

2012-07-04 04:35:28

아직 이미지 사이의 공간을 볼 수 있습니다. – Mori

등 당신의 CSS에서 IMG 속성 vertical-align:top;에 추가이 희망 작동합니다 : 대답에 대한

* {padding:0;margin:0;} 
div#container {overflow:auto;} 
img {float:left;margin-right:1px;border:0;}

출처

2012-07-04 09:56:29

아니요, 작동하지 않습니다. – Mori

Strange @RainLover - Dreamweaver에서 테스트했을 때 나를 위해 일했습니다. http://i50.photobucket.com/albums/f349/billymoat/demo.jpg Google에 공유 할 수있는 테스트 URL이 있습니까? 게시 한 코드가 현재 작업중인 실제 코드입니까, 아니면 더 많은 코드입니까? –

스크롤바가 보이지 않습니다. – Mori

스크롤 사이의 공간이

답변

관련 문제