html - 如何防止在 HTML 元素的新行中只有一个悬词?

我正在构建一个包含一些营销内容的简单网页。我不喜欢的一件事是,如果一行文本太长,它将换行到下一行,即 fine,但它通常以只有一个的方式换行新行上的单词,从设计的 Angular 来看,这只是个坏消息。

这样那样的事情并不难。某某产品造就了它
容易

如何动态确保每条悬挂线上至少有两个单词?

这样那样的事情并不难。某某产品使
它 容易

最佳答案

简单的解决方案是在段落末尾的最后两个单词之间使用不间断的空格。

 

<p>Such and such doesn't have to be difficult. Such and such product makes it&nbsp;easy</p>

如果您有很多内容,尤其是在业务控制的情况下,这可能会变得乏味。在这种情况下,您也许可以找到一个库或编写一个解决方案,自动为您在每个段落的最后两个单词之间插入不间断的空格。

尝试以下操作: https://matthewlein.com/tools/widowfix

https://stackoverflow.com/questions/31974448/

相关文章:

formatting - 如何在 Spring MVC 3.0 中显示格式化的 DateTime?

json - 如何将 javascript 格式应用于 .json 文件?

xml - Eclipse:保存时自动格式化 XML 文件

.net - 根据可用宽度和字体计算文本高度?

c# - C# 中的 TimeSpan "pretty time"格式

jquery - 格式化应该跨越多行的 jQuery 字符串

python - 无法编码/解码 pprint 输出

java - 在碧 Jade 报告中将字符串格式化为货币格式

excel - 如何在 VBA 中检索工作表中格式化的 Excel 单元格值?

formatting - 如何在代码/预 block 中添加 Markdown 格式?