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

时间:2013-05-11 21:01:40

标签: html css typography justify

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

"Meyer    Waterlow    is    a    fantastic    company"

相反,我想

"Meyer Waterlow     is     a     fantastic    company".

我该怎么做?

2 个答案:

答案 0 :(得分:0)

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

Meyer Waterloo

当然,这完全取决于文本的生成方式,数据库或手工编码。

答案 1 :(得分:0)

我担心没有直接的解决方案,因为不间断的空间不像以前那样可靠地作为“不可伸缩”的空间工作。

这是一个hackish技巧:在单词之间不留空格,但在它们之间放置一个零宽度空格(充当允许的断行点)并在第一个单词上设置右边的填充:

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

使用CSS代码

.word { padding-right: 0.25em; }

0.25em大致近似于空格字符的平均宽度(但宽度实际上因字体而异)。