如何在html中设置正确的逗号位置

Question

复制问题的步骤：

1. 转到jsfiddle link

<div class="project-authors">
        <a class="overflow contributor-name" rel="tooltip" href="/mzxef/" data-original-title="Haoyu Chen">Chen</a>
<span>,</span>
        <a class="overflow contributor-name" rel="tooltip" href="/snmp9/" data-original-title="Test2 Chen">Chen</a>
<span>&amp;</span>
        <a class="overflow contributor-name" rel="tooltip" href="/jtphc/" data-original-title="test">test</a>
<span></span>
</div>

1. 运行代码并获取文本。

预期



实际



如何让逗号处于正确的（预期）位置。提前致谢

Answer 1

摆脱链接与span之间的换行符（请参阅working jsfiddle）。

<a class="overflow contributor-name" rel="tooltip" href="/mzxef/" data-original-title="Haoyu Chen">Chen</a><span>,</span>

另外，有点奇怪的是，你会在自己的span中加上一个逗号，除非你有一个非常具体的目的。如果没有，我建议完全摆脱它。