保留标记HTML之间的空格

Question

我认为html应该在内联标记之间创建空格，例如<a>one</a><a>two</a>，但它似乎仅在这些标记之间存在行结束时才起作用。请看一下我的示例：http://jsfiddle.net/pwF7f/

即使元素在一行上，也可以拥有这个空格吗？

Answer 1

当HTML不在源中时，HTML不会发明空白。你总是可以说：

 <a>one</a> <a>two</a>

如果你想要空格。

Answer 2

这不是空格，但请尝试<a>one</a>&nbsp;<a>two</a>或

<a>one</a>&nbsp;
<a>two</a>

如果你想要一个不间断的空间

在我看来，它比<a>one</a> <a>two</a>更具通用性。

您可以创建例如像这样的东西

<a>one</a>&nbsp;|&nbsp;
<a>two</a>&nbsp;|&nbsp;
<a>three</a>&nbsp;|&nbsp;
<a>four</a>

与此代码比较：

<a>one</a> | <a>two</a> | <a>three</a> | <a>four</a> |

在html中使用php echo时还有其他问题。然后 是必须的。

Answer 3

除了在元素之间放置空格或不间断空格外，您还可以使用CSS创建水平间距，例如在第一个元素上设置padding-right: 0.5em。

有一个原因可以解释为什么相邻的内联元素被认为是真正相邻的，它们之间没有任何空格：在某些情况下你真的需要它，如 n ^th （应该以特定的样式呈现为“第n”，而不是“n th”。

旧的辅助功能建议是连续链接之间应该有一些非空白字符。这并不像最初提出的那样必要，但是它是一个很好的指导方针 - 肯定应该至少一些空白。