This question already has answers here:
Why does my image have space underneath?
（3个答案）
四年前关闭。
我想将div附加到
以下是标记：
下面是它的样子：
http://dl.dropbox.com/u/257081/squares.png
（3个答案）
四年前关闭。
我想将div附加到
body并让它们环绕屏幕来布置网格。为什么我要在两行之间取间距？它将保留，而不考虑边距和填充；请参见下图。以下是标记：
<!DOCTYPE html>
<html>
<head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>
</head>
<body>
<style>
.square {
display: inline-block;
width: 80px;
height: 80px;
border: black thin solid;
}
</style>
<script>
$(function() {
for( var i=0; i<60; i++ ) {
$('body').append( $('<div class="square"></div>') );
}
});
</script>
</body>
</html>
下面是它的样子：
http://dl.dropbox.com/u/257081/squares.png
最佳答案
因为它是inline-block，所以它被当作一行文本来处理，所以它在每行之间获得一些空间。您可以更改容器的line-height或font-size来修复它（或者两者都是，为了安全起见）：
body {
font-size: 1px;
line-height: 0;
}
关于javascript - div之间不必要的垂直间距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9339594/
10-15 20:55