html - 在 html 中使用对齐时，如何在两个单词的名称中保留一个小空格？

Question

因此，当我写“Meyer Waterlow 是一家出色的公司”并使用 css 理由时，所有单词之间的差距都会得到同等对待。所以我可能会得到

"Meyer    Waterlow    is    a    fantastic    company"

相反，我想

"Meyer Waterlow     is     a     fantastic    company".

我怎样才能做到这一点？

Answer 1

恐怕没有直接的解决方案，因为不间断空间不像以前那样作为“不可拉伸”空间可靠地工作。

这是一个 hackish 技巧：在单词之间不留空格，但在它们之间放置一个零宽度的空格（作为允许的换行点）并在第一个单词上设置一个右填充：

<span class=word>Meyer</span>&#x200b;Waterlow

使用 CSS 代码

.word { padding-right: 0.25em; }

该值0.25em大致接近空格字符的平均宽度（但宽度实际上因字体而异）。

Answer 2

一种简单的方法是在单词之间使用不间断的空格...

Meyer Waterloo

当然，这一切都取决于文本是如何生成的，从数据库还是手工编码。