我有一行在内容管理系统中管理的副本。 CMS不允许使用HTML或
或<span>
等特殊字符。
我已经尝试弄乱边距和填充,但无法得到任何东西给我预期的结果。
这是文本的呈现方式:
<h1>This is an example of the headline.</h1>
我想阻止一个寡妇(一个出现在文本块底部的单词),所以当该行确实中断时,它会将最后两个单词视为一个单词。
例如,“标题”将突破到下一行而不仅仅是“标题”。
有没有办法在CSS中单独执行此操作?
我很想在CSS中看到“white-space:no-widow”,但这不存在。
简短的回答:不,我知道没有办法做到这一点。
如果你可以将最后两个单词包含在一个no-wrap
样式的跨度中,那可能会有效。但我发现您无法在CMS中添加范围。
你可以做的一件事:用h1
单位设置em
的宽度,使其宽度与文本的大小成比例。这样,您可以设置一个宽度,强制标题在您想要的位置中断,并且该宽度将随文本缩放。