有没有办法在CSS中防止寡妇而不必使用额外的HTML?

问题描述 投票:0回答:1

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

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

这是文本的呈现方式:

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

我想阻止一个寡妇(一个出现在文本块底部的单词),所以当该行确实中断时,它会将最后两个单词视为一个单词。

例如,“标题”将突破到下一行而不仅仅是“标题”。

有没有办法在CSS中单独执行此操作?

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

html css content-management-system whitespace textwrapping
1个回答
0
投票

简短的回答:不,我知道没有办法做到这一点。

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

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

© www.soinside.com 2019 - 2024. All rights reserved.