簡體   English   中英

HTML在連字符處沒有換行符

[英]HTML no line break at hyphens

所以我有文本e-commerce ,我不希望線條包裹在破折號。
如何限制該文本行的換行?

你可以使用CSS: white-space: nowrap;

示例:使用該CSS聲明將文本換行到span中。

<span style="white-space: nowrap;">e-commerce</span>

使用不間斷的連字符: &#8209;

將其包裝在<nobr>…</nobr>標記中,或者如果您關心HTML的有效性,請設置white-space: nowrap; 樣式。

有這個非破壞連字符(復制並粘貼): 或使用&#8209; &#x2011;

請注意,這是唯一統一以下特征的unicode“字符”

  • 是預先編寫的(你可以通過構圖制作任何不破壞的東西)
  • 沒有破壞
  • 是一個連字符或破折號或類似的


joiner一詞的用法由&#8288; &#x2060; 允許其他連字符。 結果:

e-⁠commerce (連字符后跟字連接)
e-⁠commerce (ASCII連字符/減號后跟單詞joiner)
......和預先組合的參考:
電子商務 (非破壞連字符)

http://jsfiddle.net/NR5Ch/58/ (這個小提琴顯示了joiner這個詞的效果)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM