2011-06-15 67 views
0

我的HTML看起來像這樣:CSS樣式,以避免插入換行符

<p>blah blah blah blah blah blah <b>something that I want 
on a single line</b> blah blah blah</p> 

我想以某種方式溝通,我想大膽的部分開始新線當且僅當它不適合到當前行。基本上我需要一種方式來說:「如果有任何可能的方式來避免它,請不要分割這條線」

在html或css中是否有任何工具來表示它?

回答

7

嘗試在<b>標籤設置white-space: nowrap;

+0

就是這樣。  也可以工作,但是這更容易實現並且更易於閱讀。 – captncraig 2011-06-15 16:15:32

0

通過使用&nbsp;,可以在單詞之間使用非中斷空格。

1

您可以添加非中斷空格 - &nbsp; - 之間的話,即

<p>blah blah blah blah blah blah 
<b>something&nbsp;that&nbsp;I&nbsp;want&nbsp;on&nbsp;a&nbsp;single&nbsp;line</b> blah blah blah</p> 
0

您可以使用具有nowrap值的CSS white-space屬性來實現此目的。

你的情況:

b{ 
    white-space:nowrap; 
} 

我建議使用<strong>標籤,而不是<b>也因爲前者在語義上更正確。