javascript - 如何在具有跨度的 div 中分隔单词

Question

我在带有 span 的 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>

和CSS:

.footer-links{
    float: right;
    margin-top: 11px;
    margin-bottom: 11px;
}

JS 摆弄她 ==> https://jsfiddle.net/kxdnwL4k/3/

如何分隔单词以便用户更容易阅读？

非常感谢

Answer 1

我假设你的意思是这些词太接近了，无法阅读。

.footer-links{
	float: right;
	margin-top: 11px;
	margin-bottom: 11px;
  word-spacing: 5px;
  letter-spacing: 2px;
}

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

我使用 letter-spacing 将字母隔开一点，并使用 word-spacing 在单词之间留出一些空间。