如何防止 HTML 中連字號後出現換行？

克服連字符後的換行符

在處理特定的瀏覽器要求時，會遇到防止兼容性連字符後換行的挑戰。例如，在 Safari 中，連字號可能會導致行尾換行，如「3-n3/8」等範例所示。

為了以與瀏覽器無關的方式解決此問題，非可以使用斷連字元 (‑)。與零寬度不間斷字元不同，此字元可有效防止連字元後換行。

實作：

只需將標準連字號 (-) 替換為非-破壞 HTML 程式碼中的連字號。例如：

<p>
  3-&#8209;3/8&rdquo;
</p>

優點：

不間斷連字符：

• 防止大小寫中連字符後的換行-視具體情況而定。
• 保持與所有主要的相容性瀏覽器。
• 允許在特定情況下精確控制換行符。

透過使用不間斷連字符，開發人員可以確保連字符保持完整，不會導致難看的換行符，無論視口大小或使用的瀏覽器如何。

以上是如何防止 HTML 中連字號後出現換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！