包含内联子元素，而不是它们之间

Question

请参阅https://jsfiddle.net/dn9tt26e/

小提琴中的此图片

如何在

之后阻止换行

/div/a

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

提出https://jsfiddle.net/hzsb8wr3/2/的以下图像作为解决方案;它适用于Chrome，但它在日期的最后一个斜杠（03/10/2016）之前显示中断（在Firefox中）

但我不希望文本在一行中间完全破坏;换句话说，所有内容行（除了最后一行）都应该填充容器的水平宽度。

Answer 1

这个词在空间打破，因为它被认为是一个可接受的休息＆＃34;。我能想到解决这个问题的唯一方法是添加一个不间断的空间 。 e.g。

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

这意味着没有可接受的中断，因此它会使用您使用overflow-wrap和word-wrap实现的css在行尾打破。

更新：这是一个来自原始小提琴的演示https://jsfiddle.net/hzsb8wr3/2/

更新：添加了屏幕截图。