禁止显示 html 和字形宽度中的单个空格字符



我正在分析一个html页面,其中div的文本到处都包含一个空格,该空格不是空格字符序列的一部分,即单词之间的单个空格,而不是一系列空格 - 该空格不会出现在页面的浏览器显示中。每个div 的单词仅显示为一个长单词,而不是通常由源中显示的空格分隔。

我知道有一些 css 样式可以控制连续多个空格的抑制,但找不到任何可能导致这种从显示中排除甚至单个空格的行为被显示的东西。任何指向正确方向的指针将不胜感激。

最新版本的Chrome不是一些旧的浏览器.....

为示例div 显示的计算样式(包括继承样式)包括:

-webkit-text-stroke-color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 0.5977559685707092px;
-webkit-transform: matrix(0.25, 0, 0, 0.25, 0, 0);
-webkit-transform-origin: 0px 29.0078125px;
border-collapse: separate;
bottom: 294.40631103515625px;
color: rgb(0, 0, 0);
display: block;
font-family: ff1;
font-size: 40px;
font-style: normal;
font-weight: normal;
height: 29.0078125px;
left: 54.198307037353516px;
letter-spacing: normal;
line-height: 18.5px;
position: absolute;
text-shadow: none;
unicode-bidi: bidi-override;
visibility: visible;
white-space: pre;
width: 913.8046875px;
word-spacing: 0px;

除了影响各种 html 元素中的空格是否显示的许多其他因素(如果我有时间,我会在随后的编辑中对它们进行总结),可能禁止显示 html 中包含的空格的一件事是应用于 html 的字体中空格字符的字形。如果该字形使得空白字符根本不占用空格或宽度无穷小,则 html 中包含的空格实际上在显示中将不存在。

在某些自定义字体中可能是这种情况,在这些情况下了解这一点很有帮助。

我非常感谢所有为这个问题贡献知识的人,这个问题都非常相关,涵盖了这个主题。

相关内容

最新更新