Javascript 当我将我的<；span>；s

所以我有这行代码，每个字母有5个不同的跨距，不同的颜色

---

AMITY

换行符和多个空格在HTML中被视为一个空格，但有一些例外，如

。你不需要空格，然后把它们串起来。

首先，不要在标记中使用内联样式，这不是一个好的做法。对于您的情况，最好这样做：

<span class="fontColor1 padding-right">A</span>
<span class="fontColor2 padding-right">M</span>
<span class="fontColor3 padding-right">I</span>
<span class="fontColor4 padding-right">T</span>
<span class="fontColor5 padding-right">Y</span>

HTML:

.fontColor1{color: #B03A2E;}
.fontColor2{color: #76448A;}
.fontColor3{color: #2874A6;}
.fontColor4{color: #239B56;}
.fontColor5{color: #B7950B;}
.padding-right{padding-right:5px;}

---

您应该这样做：

AMI

span{
浮动：左；
}

A
M
我
T
Y

可能重复的

@kukkuz

，我看到太多不正确的可能重复。我敢肯定它是另一个东西的复制品。这是同一件事——你看到的空格是所有

内联

元素的一个特征……右键填充类在字符之间添加额外的空格

<span style="color: #B03A2E;">A</span><!--
--><span style="color: #76448A;">M</span><!--
--><span style="color: #2874A6;">I</span>