防止跨度元素的換行符

160

我有一個<span>元素，我想不顯示任何換行符顯示。我怎樣才能做到這一點？防止跨度元素的換行符

2011-09-04 Randomblue

如果你正在尋找鎮壓他們，檢查出來http://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable/14266096#14266096 – amwinter

268

把這個在你的CSS：

white-space:nowrap;

white-space

的white-space屬性聲明元素中的空白的處理方式。

值

normal 該值指示用戶代理崩潰的白色空間的序列，和斷裂所必需的填充線箱線。

pre 此值可防止用戶代理崩潰空白序列。行僅在源中的換行符處或在生成的內容中出現「\ A」時被破壞。

nowrap 此值崩潰空白爲「正常」，但抑制文本中的換行符。

pre-wrap 此值可防止用戶代理崩潰空白序列。在源文件中的換行符處發生斷行，在生成的內容中出現「\ A」，並根據需要填充行符框。

pre-line 該值指示用戶代理摺疊空白序列。在源文件中的換行符處發生斷行，在生成的內容中出現「\ A」，並根據需要填充行符框。

inherit 採用與該元素父級的屬性相同的指定值。

2011-09-04 16:59:58 Daan

也很高興在這裏添加更多的文檔：http://www.w3.org/wiki/ CSS/Properties/white-space –

+12

如果你有很多跨度在div的nside中，你想要創建單行跨度而不是單行div，則必須添加span以顯示：inline-block ;.希望它能幫助別人。 – walv

如果你只需要防止空字符換行符，您可以使用 實體詞之間：

No&nbsp;line&nbsp;break

，而不是

<span style="white-space:nowrap">No line break</span>

2015-10-05 04:46:14

回答