2016-03-21 175 views
-4

之間請從小提琴指這張圖片是在https://jsfiddle.net/dn9tt26e/包裝,而不是他們

enter image description here

如何防止包裝只是

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

元素,以便後每行(除了最後一行)總是佔用容器的全部寬度?

以下圖片來自https://jsfiddle.net/hzsb8wr3/2/作爲解決方案提出;它在瀏覽器,但它顯示的日期(2016年3月10日) enter image description here

最後一個斜線之前休息(在Firefox),但我不希望文字都打破中間一條線;換句話說,所有內容行(除了最後一行)都應該填充容器的水平寬度。

+1

請詳細說明您的問題。目前尚不清楚。 –

+0

關於這個問題有什麼不清楚的地方?你真的看過小提琴嗎?我不希望文字在內部元素後立即斷開,因爲它後面還有空格。換句話說,我希望整個內容流動,就像它是一個單一的元素,只有當它超過其容器的水平長度時纔打破。 – prmph

回答

0

這個詞正在打破空間,因爲它被認爲是「可以接受的休息時間」。我能想到解決這個問題的唯一方法就是在非破壞空間&nbsp;中加入。例如

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

這將意味着沒有可接受的突破,因此將使用爲overflow-wrapword-wrap實施的CSS在該行的結束時斷裂。

更新:這是從原始的小提琴https://jsfiddle.net/hzsb8wr3/2/

更新分叉演示:添加屏幕截圖。 enter image description here

+0

你看過小提琴嗎?這不起作用 – prmph

+0

爲我工作?你實際上只需要文字包裝和溢出包裝,你絕對不需要重要的..但​​它的工作方式,除非我不正確地解釋你的問題。這是可能的。無論如何,這裏是你的小提琴的叉子https://jsfiddle.net/hzsb8wr3/2/ – Fox

+0

好的,在你的小提琴中,我可以看到內容不會在元素後包裹,但它會在最後一個斜槓後斷開在日期。我不希望文本在行的中間斷開;換句話說,所有內容行(除了最後一行)都應該填充容器的水平寬度。 – prmph

相關問題