包裝，而不是他們

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/

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