Question

我正在分析一个html页面，其中div的文本包含一个不是白色空格字符序列的白色空间，即单词之间的单个白色空间，< em>不是白色空间序列 - 白色空间不会出现在页面的浏览器显示中。每个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;

Answer 1

除了影响各种html元素中是否显示空白区域的许多其他因素（如果我有时间，我将在后续编辑中对它们进行总结），可能会有一些事情会抑制显示的html中包含的空格是应用于html的字体中的空白字符的字形。如果该字形是这样的，即空白字符根本不占空间，或者是无穷小的宽度，那么html中包含的空格将在显示中实际上不存在。

某些自定义字体可能就是这种情况，在这些情况下有助于了解。

我非常感谢所有为这个问题做出贡献的人做出的贡献，这些知识都非常相关并且包含在这个主题中。

在html和字形宽度中抑制单个空格字符

1 个答案: