CSS中有没有一种方法可以防止寡妇，而不必使用额外的HTML？

Question

我有一行在内容管理系统中管理的副本。 CMS 不允许使用 HTML 或特殊字符，例如   或 <span>。

我尝试弄乱边距和填充，但无法得到任何东西来给我预期的结果。

这是文本的呈现方式：

<h1>This is an example of the headline.</h1>

我想防止出现寡妇（出现在文本块底部的一个单词），所以当换行时，它会将最后 2 个单词视为 1 个单词。

例如，“标题”会跳到下一行，而不仅仅是“标题”。

有没有办法单独在 CSS 中做到这一点？

我很想在 CSS 中看到“white-space: no-widow”，但它不存在。

Answer 1

简短回答：不，据我所知，没有办法做到这一点。

如果您可以将最后两个单词包装在一个可能有效的 no-wrap 样式中。但我发现您无法在 CMS 中添加跨度。

您可以做的一件事： 以em 为单位设置h1 的宽度，使其宽度与文本大小成比例。这样，您可以设置一个宽度，强制标题在您想要的位置中断，并且该宽度将随文本缩放。