HTML 内のハイフンの後の改行を防ぐにはどうすればよいですか?

ハイフン後の改行を克服する

特定のブラウザ互換性要件を使用する場合、ハイフン後の改行を防ぐという課題が発生します。たとえば、Safari では、「3-n3/8」などの例に見られるように、ハイフンによって行末で行が折り返される可能性があります。

ブラウザに依存しない方法でこの問題に対処するには、非区切りハイフン (‑) を使用できます。幅ゼロの改行文字とは異なり、この文字はハイフンの後の改行を効果的に防ぎます。

実装:

標準のハイフン (-) を非ハイフンに置き換えるだけです。 HTML コード内のハイフン文字の区切り。例:

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

利点:

非改行ハイフン:

• ケースのハイフンの後の改行を防止します。
• すべてのメジャーとの互換性を維持します。
• 特定のインスタンスでの改行を正確に制御できます。

改行しないハイフンを利用することで、開発者はハイフンがそのまま残り、見苦しい改行が発生しないようにできます。使用するビューポート サイズやブラウザに関係なく。

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