javascript - 我不希望逗号后的空格固定宽度 - 最佳做法?

标签 javascript html css fixed-width monospace

我正在创建一个网站,其中主要标题以固定宽度的字体显示(设计者的选择,而不是我的)。但对于包含逗号的标题,这看起来很奇怪 - 逗号后留有大量空间。

Screenshot displaying problem

所以我想知道如何减少这个空间,让事情看起来更自然一些。

一个简单的解决方案是让我的 PHP 后端用逗号后跟一个 thin space 替换所有出现的逗号后跟空格。 (此解决方案有效)。但我有点不情愿 - 它似乎在错误的地方解决了问题。例如如果后来将字体更改为非固定宽度的字体,但新开发人员不知道要进入后端以删除插入的细空格,会发生什么情况?

那么“正确”的方法是什么?

最佳答案

“正确”的方法是使用看起来不奇怪的字体。设计固定宽度的字体是完全可能的除了逗号后面的空格更细。显然,设计师没有使用(或创建)一个。

除了使用不会出现这种情况的字体之外,因为在 CSS 中没有办法说“显示这个空间小于字体的其余部分是 X”(至少,没有标记隔离那个空间),你'坚持调整字符串,这意味着如果您更改字体,您还必须更改其他内容。无论其他东西是 PHP 还是 JavaScript 都没有关系,船已经在那个点航行了。 :-)

另请注意,设计者似乎出于某种原因使用了固定宽度的字体。如果您将逗号后的空格更改为不填满整个固定宽度,则可能会干扰任何原因。

我会留下一个完整的空间。这是设计者的问题,不是你的。

关于javascript - 我不希望逗号后的空格固定宽度 - 最佳做法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34369217/

相关文章:

javascript - 在更改字体大小时垂直对齐无衬线字体

javascript - Dayjs 自定义语言环境抛出格式异常

javascript - AngularJS、requireJS 和 ngRoute

javascript - admin.Firebase.Timestamp 存储时间延迟 7 小时

javascript - 删除隐藏表行上的空格

javascript - 我需要包含哪些 js 文件才能使用 ExtJs 日历?

JavaScript 问题 : How do I duplicate user input into a hidden field?

javascript - jquery加载选择一个特定的类

javascript - 如何使用 Javascript 读取 CSS 属性值?

html - 如何使用我的 span 标签,这样它就不会换行