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

标签 css

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

这是一个fiddle .

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

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

最佳答案

通常导致换行的相同字符也会导致使用 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

关于css - 哪些字符允许空格 : pre-wrap to wrap?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66058028/

相关文章:

css - 如何在 iPhone 中设置这个凌乱的占位符?

javascript - 在 TinyMCE 中使用 &lt;style&gt; 标签

javascript - 如何使用 javascript 将 <video> 标签正确插入到 html 中?

php - 为什么两个页面,100% 相同的代码,都包含相同的 style.css 却有不同的输出?

javascript - <li> 元素如何在没有 CSS position 或 margin-top 的情况下上下移动?

javascript - 让第一个 child 打开 Accordion

css - 用生成的字体松鼠字体套件替换谷歌字体 url

html - 无法将 `small` 标记与 `label` 标记内联

javascript - 滚动经过一定数量的像素时位置固定

html - 显示两个图像的全宽响应式 div