<分区>
我知道当使用行内 block 元素时你会得到不需要的空白。
但是为什么在这个例子中这两个内联链接元素之间有一个小空间？
您可以看到它们在两行上，如果我将它们并排放置并在我的文本编辑器中删除空格，那么空格就会消失，但它肯定应该忽略我的文本编辑器中的空格吗？
<body>
<a href="#">link 1</a>
<a href="#">Link 2</a>
</body>
链接之间有空格。
<body>
<a href="#">link 1</a><a href="#">Link 2</a>
</body>
这不是。
谢谢。
最佳答案
当您在两个元素之间换行时，它们之间将添加一个空格，如下所示。
<body>
<a href="#">link 1</a>
<a href="#">Link 2</a>
</body>
上下同理，
<body>
<a href="#">link 1</a> <a href="#">Link 2</a>
</body>
如果您没有给出任何空格或换行符，那么元素之间将不会有任何空格。
<body>
<a href="#">link 1</a><a href="#">Link 2</a>
</body>
即使您在元素之间提供了两个空格，如下所示，它也只会呈现一个空格。
<body>
<a href="#">link 1</a> <a href="#">Link 2</a>
</body>
因此，如果您需要多个空格，则必须使用 ，如下所示。
<body>
<a href="#">link 1</a> <a href="#">Link 2</a>
</body>
关于html - 内联元素之间有轻微的空白？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40150721/