降低滾動之間的空間聯繫

樣品：降低滾動之間的空間聯繫

<!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>

我怎樣才能減少環節之間的空間爲1px？

非常感謝提前！

Mike

來源

2012-07-04 Mori

感謝您的回答，但我害怕它不起作用。 – Mori

刪除它們之間的空白。把所有這些放在一行上，否則你會在它們之間得到一個空間。

來源

2012-07-04 02:50:43

不是一個壞主意，但我更願意用CSS控制空間。 – Mori

不可以。這是導致空間的內容。也就是說，你可能會設置'font-size：1px'。 –

怪異：'font-size：1px;'有效，但'font-size：5px;'不增加空間。它似乎不是控制空間的可靠方法。 – Mori

嘿在你的CSS添加到的img性能vertical-align:top;像這樣

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

現場演示http://jsfiddle.net/nZKv8/

來源

2012-07-04 04:35:28

我仍然可以看到圖像之間的空間。 – Mori

這樣應該可以工作：

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

來源

2012-07-04 09:56:29

不，它不起作用。 – Mori

奇怪的@RainLover - 當我在Dreamweaver中測試它時爲我工作。 http://i50.photobucket.com/albums/f349/billymoat/demo.jpg 您是否有可與我們分享的測試網址？您發佈的代碼是否與您正在使用的實際代碼相符？還是您有更多的代碼？ –

我看不到滾動條。 – Mori

降低滾動之間的空間聯繫

回答

相關問題