2013-10-29 166 views
0

假設我有一個包含幾種不同類型跨度的段落元素,這些跨度使用類來委派css樣式。如果我將數字與其餘的文本一起包裝,作爲便於參考的位置標記,我如何才能將這些數字保留在包裝線的末尾?如何保持行距不在行?

E.g.

1 This is some text that 
wraps. 2 I don't want any 
of these numbers 3 to end 
up at the end of one of these 
lines. For this example, 4 
this number shouldn't be at 
the end of the line. 

對不起,如果這是一個馬虎,但它是我能想到的唯一方式來描述它。這些數字中的每一個都包含在它自己的範圍內,並給它一個類名。我想找到正確的CSS或不會使它成爲行中最後一個對象的東西。

我考慮在數字跨度上使用一些邊距正確的長度,然後在下一個文本跨度的開始處添加一個負邊距,但我希望這是一個可以覆蓋所有情況的靈活解決方案。

感謝

回答

2

如果你把號和第一個字之間的非打破空間( ),那麼瀏覽器將與下一個字包裹。像這樣:(demo

1 This is some text that wraps. 2 I don't want anyof these numbers 3 to end up at the end of one of these lines. For this example, 4 this number shouldn't be at the end of the line. 
+2

哦,我的天哪。我使用了很多不間斷的空間,但是我從來沒有把這個名字與其原因綁在一起,因爲它的名字是「非破壞性的」。爲了不被看見而粉筆一個。哈哈謝謝。 –