我有一個<span>
元素,我想不顯示任何換行符顯示。我怎樣才能做到這一點?防止跨度元素的換行符
回答
把這個在你的CSS:
white-space:nowrap;
這裏獲得更多信息:http://www.w3.org/wiki/CSS/Properties/white-space
white-space
的white-space
屬性聲明元素中的空白的處理方式。
值
normal
該值指示用戶代理崩潰的白色空間的序列,和斷裂所必需的填充線箱線。
pre
此值可防止用戶代理崩潰空白序列。行僅在源中的換行符處或在生成的內容中出現「\ A」時被破壞。
nowrap
此值崩潰空白爲「正常」,但抑制文本中的換行符。
pre-wrap
此值可防止用戶代理崩潰空白序列。在源文件中的換行符處發生斷行,在生成的內容中出現「\ A」,並根據需要填充行符框。
pre-line
該值指示用戶代理摺疊空白序列。在源文件中的換行符處發生斷行,在生成的內容中出現「\ A」,並根據需要填充行符框。
inherit
採用與該元素父級的屬性相同的指定值。
也很高興在這裏添加更多的文檔:http://www.w3.org/wiki/ CSS/Properties/white-space –
如果你有很多跨度在div的nside中,你想要創建單行跨度而不是單行div,則必須添加span以顯示:inline-block ;.希望它能幫助別人。 – walv
如果你只需要防止空字符換行符,您可以使用
實體詞之間:
No line break
,而不是
<span style="white-space:nowrap">No line break</span>
- 1. 防止兩個跨度元素重疊
- 2. 防止浮動元素的換行
- 3. 防止TinyMCE的自刪除跨度元素
- 4. 防止表單元素水平跨越
- 5. 如何設置跨度元素之間的換行符
- 6. 防止浮動換行,直到元素達到最小寬度
- 7. 防止元素寬度縮小
- 8. 多行跨度行爲元素
- 9. 防止淘汰替換嵌套元素
- 10. 防止右浮動元素從交換
- 11. 詠歎調隱藏的跨度/按鈕可防止獲取元素 - 硒
- 12. 的Python:SYS防止元素
- 13. 防止CKEditor的從除去跨度元件
- 14. 內嵌元素行高(跨度)
- 15. 防止其他元素事件上元素的默認行爲
- 16. 防止文字換行,最小寬度?
- 17. 隱藏元素內的跨度高度
- 18. 防止CSS:懸停元素
- 19. 防止兩個元素
- 20. CSS - 防止元素推
- 21. 防止拖放HTML元素
- 22. 防止元素包裝
- 23. 防止兒童在字/行的中間溢出(跨度)(CSS/HTML)
- 24. 防止文本到換行符溢出
- 25. WPF Flowdocument - 在%符號前防止換行
- 26. 如何防止表格單元在CSS中出現換行符?
- 27. Python的正則表達式可以防止用'\ s'跨越換行符嗎?
- 28. 跨度元素高度問題
- 29. 更改父元素的位置可防止Firefox中的子元素CSS3轉換
- 30. CSS防止跨度向下移動到新行
如果你正在尋找鎮壓他們,檢查出來http://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable/14266096#14266096 – amwinter