是否可以检测文本何时包装?

是否可以检测文本的包装位置?

Lorem ipsum dolor坐着

让我们说上面的文字包裹在’dolor’字之后。 如何检测并在那里插入一些标记,以便Lorem ipsum dolor

sit amet来例如?

我已经看到这个问题解决了几种不同的方式。 我最喜欢的一个涉及创建一个div,它反映了容纳文本的容器的宽度。 然后,您将内容的单词逐个打印到人造容器中,沿途测量容器的高度。 当容器的高度发生变化时,您知道有一个换行/换行。

Facebook和其他一些CMS使用这样的方法来增加textareas以适应用户输入的内容。 我相信你也可以通过研究这些技术来收集一些更有创意的方法来衡量你的文本。

使用soft-hyphen实体标记包装位置,使用非break-space实体来分隔没有空格的单词。 不间断的空间需要在IE10的软连字符之前出现。 这是一个例子:

这是一个跨浏览器的解决方案:

    Soft Hyphen Text Wrapping     

Lorem­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet­ipsum­dolor­sit­amet

参考

  • 是的,SOFT HYPHEN是一个难题
  • Unicode换行算法
  • WBR标签
  • 软连字 – 一个难题?
  • 无包装和软包装:NOBR,WBR和­
  • nobr和wbr
  • 建议的断言
  • WBR元素