0

サンプル：

<!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に減らすにはどうすればよいですか？

よろしくお願いします！

マイク

4

3 に答える 3

1

それらの間の空白を削除します。それらすべてを1行に配置します。そうしないと、それらの間にスペースができます。

于 2012-07-04T02:50:43.540 に答える
1

これはうまくいくはずです：

* {padding:0;margin:0;}
div#container {overflow:auto;}
img {float:left;margin-right:1px;border:0;}
于 2012-07-04T09:56:29.790 に答える
0

vertical-align:top;このようにcssのimgプロパティに追加してください

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

ライブデモhttp://jsfiddle.net/nZKv8/

于 2012-07-04T04:35:28.957 に答える