我正在创建一个网站,主要标题以固定宽度字体显示(设计师的选择,而不是我的).但是对于包含逗号的标题,这看起来很奇怪 - 逗号后留下了大量的空间.
所以我想知道如何减少这个空间,让事情看起来更自然.
一个简单的解决方案是我的PHP后端替换逗号的后续出现,后跟一个逗号后跟一个空格的空格(此解决方案有效).但我不是很不情愿 - 它似乎正在把问题解决到错误的地方.例如,如果稍后将字体更改为不是固定宽度的字符会发生什么,但是新开发人员不知道要搜索到后端以删除插入的精简空间?
那么这样做的"正确"方法是什么?
"正确"的方法是使用不奇怪的字体.设计一个固定宽度的字体是完全可能的,除了逗号之后的空格更薄.显然,设计师没有使用(或创造)一个.
除了使用没有出现这种情况的字体之外,因为在CSS中没有办法说"显示这个空间小于字体的其余部分是X"(至少没有标记隔离那个空格),你就卡住了调整字符串,这意味着如果您更改字体,您还必须更改其他内容.无论其他东西是PHP还是JavaScript并不重要,这艘船已经航行了.:-)
另请注意,设计人员似乎使用了固定宽度的字体.如果您将逗号后的空格更改为完全固定宽度,则可能会干扰原因.
我会留下一个完整的空间.这是设计师的问题,而不是你的问题.