css - 哪些字符允许空格 : pre-wrap to wrap?

Question

我很惊讶地发现我的 white-space: pre-wrap;文本在 > 换行和 "人物。我以为它只会换行，- , 以及一个或多个空格之后。

这是一个fiddle .

它在" 之后换行, 在 < 之前.它还在 > 之后换行, 在 < 之前.

我在规范中找不到任何说明哪些字符允许换行的内容。它只说“在保留的换行符处换行，并根据需要填充行框。”。

Answer 1

通常导致换行的相同字符也会导致使用 white-space: pre-wrap; 换行，另外文本中的换行符和空格也会导致输出中的换行符和空格.

尝试在您的示例中删除 white-space: pre-wrap; ，您将看到唯一的变化是不再有任何空行。否则包装行为是相同的。

参见:https://drafts.csswg.org/css-text/#valdef-white-space-pre-wrap

pre-wrap: Like 'pre', this value preserves white space; but like 'normal', it allows wrapping.

有关何时可以正常进行换行的详细信息，请参阅:https://drafts.csswg.org/css-text/#line-breaking