使用JavaScript进行寡妇/孤儿控制?

sdl*_*rhc 6 javascript typography

它可以是库依赖的或不可知的.我只是想知道一个脚本是否存在将分析页面(或者可能是某些节点已经给出)和......"保护"文本中的寡妇和孤儿.

"保护"是什么意思?我不知道.我考虑过看看自己是否可以拿出一个,但部分问题是我甚至不确定如何去做.

澄清:这将是网站的屏幕版本,而不是打印.

spe*_*pex 5

Adobe 已采取行动,认为这是网络上的一个严重问题。他们提出了一项提案来帮助解决寡妇/孤儿和其他文本平衡排版问题。

他们的 jQuery 插件的存储库在这里: https://github.com/adobe-webplatform/balance-text

向 w3c 提出的提案在这里: http://adobe-webplatform.github.io/balance-text/proposal/index.html

此后它已被采纳到CSS 文本模块第 4 级编辑草案中。


wat*_*bay 5

我最近在我的角应用程序中遇到了这个问题,并使用了我在这篇文章中找到的一些正则表达式,在最后一个单词之前添加了一个不间断的空格:

String.replace(/\s([^\s<]+)\s*$/,\'&nbsp\;$1');

但是角度是将不间断的空间打印成一个字符串所以我使用了unicode并且效果很好:
String.replace(/\s([^\s<]+)\s*$/,'\u00A0$1');


小智 4

我相信您是在 HTML 文档中描述排版寡妇?例如,单个单词在标题中换行到新行的位置?

jQuery Widont 插件会遍历您的 HTML 来查找这一点,并在倒数第二个单词和最后一个单词之间放置一个不间断的空格,以确保至少有两个单词换行。

希望这有帮助,卡尔

  • 我喜欢该网站不使用它所谈论的插件。 (3认同)