すべてのブラウザでハイフンでの改行を防ぐにはどうすればよいですか?

すべてのブラウザでのハイフンでの改行の防止

Web デザインでは、次のようにハイフンでの改行を防ぐことが望ましい場合があります。テキストの読みやすさや視覚的な魅力を損なう可能性があります。これは、CKEditor などのコンテンツ管理システムを介して入力された長い記事や文章に特に当てはまります。

この問題に対処するには、HTML では ‑ と示される Unicode の NON-BREAKING HYPHEN (U 2011) を採用できます。この特殊文字は、指定されたハイフンでの改行の発生を防ぎ、ハイフンでつながれた単語の整合性を維持します。

HTML では、文字エンティティを使用して非改行ハイフンを実装できます。参照:

• ‑
• ‑

例:

<p>This is a-non<span>&#x2011;</span>breaking hyphen in all browsers.</p>

非改行ハイフンはハイフネーション規則には影響しません。通常は複数行にまたがる単語でもハイフンが付けられますが、ハイフンによって改行は行われません。

さらに、いくつかの高度な CSS テクニックを使用して、ハイフンでの改行を防ぐことができます。ただし、このような方法にはブラウザ間の互換性の問題がある可能性があり、Unicode 文字を使用する場合ほど信頼性がありません。

以上がすべてのブラウザでハイフンでの改行を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。