Javascript 如何在具有跨距的div中分隔单词

我在用空格分隔div中的单词时遇到了问题。以下是html：

<div class="footer-links">
                    <span><a href="#">Suggestions</a></span>
                    <span><a href="#">Help</a></span>
                    <span><a href="#">Contact us</a></span>
                </div>

JS提琴她==>

如何将单词隔开，以便用户更容易阅读

---

非常感谢

为什么不使用

margin

css属性让它们看起来更清晰呢

.footer-links a {
  margin: 0 5px 0 5px;
}

.footer链接{
浮动：对；
利润上限：11px；
边缘底部：11px；
}
.页脚链接a{
保证金：0 5px 0 5px；
}

---

为什么不直接使用

边距

css属性使它们看起来更清晰

.footer-links a {
  margin: 0 5px 0 5px;
}

.footer链接{
浮动：对；
利润上限：11px；
边缘底部：11px；
}
.页脚链接a{
保证金：0 5px 0 5px；
}

---

我建议链接列表使用ul-最好使用合适的工具

请注意，我已将此ul放入

元素中-如果您未使用HTML5 doctype，请使用div。然后，它只是一个对ul li应用边距的情况，并且你有一个水平列表，其中有间隔的li

您还可以对反映当前页面的li应用“活动”类。然后，您将有一个页脚链接列表，这些链接的间距与页面上下文一致

.footer链接{
列表样式：无
}
.页脚链接li{
显示：内联；
右边距：30px
}

我建议链接列表使用ul-最好使用合适的工具

请注意，我已将此ul放入

元素中-如果您未使用HTML5 doctype，请使用div。然后，它只是一个对ul li应用边距的情况，并且你有一个水平列表，其中有间隔的li

您还可以对反映当前页面的li应用“活动”类。然后，您将有一个页脚链接列表，这些链接的间距与页面上下文一致

.footer链接{
列表样式：无
}
.页脚链接li{
显示：内联；
右边距：30px
}

只需在

span

s中添加一个水平

边距。您可以使用
：not（：first child）
或
span+span


.footer链接{
利润率：11px0；
浮动：对；
}
.footer链接范围：非（：第一个子项）{
左边距：1米；
}

只需在
span
s中添加一个水平
边距。您可以使用
：not（：first child）
或
span+span


.footer链接{
利润率：11px0；
浮动：对；
}
.footer链接范围：非（：第一个子项）{
左边距：1米；
}
我想你是说这些字太近了，看不懂


.footer链接{
浮动：对；
利润上限：11px；
边缘底部：11px；
字距：5px；
字母间距：2px；
}
我想你是说这些字太近了，看不懂


.footer链接{
浮动：对；
利润上限：11px；
边缘底部：11px；
字距：5px；
字母间距：2px；
}

你们在用保证金吗？您知道有一个CSS属性名为
字间距
，对吗？@TyQ<代码>边距
答案实际上是+1，而
单词间距
是-1。不管怎样，请注意你的语气。我的观点是这两种方法都有效，但是
字间距
属性基本上只是代码更少。@TyQ。所以告诉我，实际上还有其他更简单的方法来处理这个问题，然后就指控我不称职。@TyQ。这个解决方案是有效的。用CSS做任何事情都有几十种方法，每种方法都很有用。你们在用margin吗？您知道有一个CSS属性名为
字间距
，对吗？@TyQ<代码>边距

答案实际上是+1，而

单词间距

是-1。不管怎样，请注意你的语气。我的观点是这两种方法都有效，但是

字间距

属性基本上只是代码更少。@TyQ。所以告诉我，实际上还有其他更简单的方法来处理这个问题，然后就指控我不称职。@TyQ。这个解决方案是有效的。使用CSS做任何事情都有几十种方法，每种方法都很有用。在这种情况下，span:not（：first child）属性在做什么？“可以使用：not（：first child）或span+span来排除第一个span”-它排除了第一个span。由于在第一个跨距之前没有单词，因此不需要在该单词上留空白。@Micheal Coker此属性的作用是什么？=>span:not（：first child）此属性span:not（：first child）在本例中的作用是什么？“可以使用：not（：first child）或span+span排除第一个span”-排除第一个span。由于在第一个跨距之前没有单词，因此不需要在该单词上留空白。@Micheal Coker此属性的作用是什么？=>span：不是（：第一个孩子）使用li vs span有什么好处？@GabrielD。这是一个列表格式。在你的例子中，不是很多。@TyQ和Gabriel D-我的观点是，从概念上讲，呈现的是一系列相关链接-因此，最好的（语义正确的）工具是列表。好处是页面的HTML结构反映了代码的目的。任何一组元素都可以呈现为一系列跨距，但如果它是一个列表，则称之为列表并确保页面结构正确。@gavgrif从技术上讲，这更像是一种

格式。。。但是，我想你在技术上仍然是正确的。@TyQ.-列表是一个列表——如果呈现了一系列不相关的元素，那么请确定——将其作为一组div或span来执行——但是如果每个元素都与其他元素有关系，并且是重新定义的