包装，而不是他们

Question

之间请从小提琴指这张图片是在https://jsfiddle.net/dn9tt26e/

如何防止包装只是

<i>(03/10/2016) Author Name</i> 

元素，以便后每行（除了最后一行）总是占用容器的全部宽度？

以下图片来自https://jsfiddle.net/hzsb8wr3/2/作为解决方案提出;它在浏览器，但它显示的日期（2016年3月10日）

最后一个斜线之前休息（在Firefox），但我不希望文字都打破中间一条线;换句话说，所有内容行（除了最后一行）都应该填充容器的水平宽度。

Answer 1

这个词正在打破空间，因为它被认为是“可以接受的休息时间”。我能想到解决这个问题的唯一方法就是在非破坏空间 中加入。例如

<i>(03/10/2016)&nbsp;Author&nbsp;Name</i>&nbsp;yoursuperlongtextstring 

这将意味着没有可接受的突破，因此将使用为overflow-wrap和word-wrap实施的CSS在该行的结束时断裂。

更新：这是从原始的小提琴https://jsfiddle.net/hzsb8wr3/2/

更新分叉演示：添加屏幕截图。