ホームページ > ウェブフロントエンド > CSSチュートリアル > HTML のハイフンの後の不要な改行を防ぐにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-12-04 12:54:11
オリジナル
773 人が閲覧しました

How Can I Prevent Unwanted Line Breaks After Hyphens in HTML?

ハイフンの後の改行を削除する

ハイフンが行末近くにあると、見苦しい単語の改行が発生する可能性があります。この問題に対処し、ブラウザの互換性を維持するには、改行しないハイフン文字 ‑ の使用を検討してください。

例:

テキスト "3-3/8"" HTML で「3-3/8」としてレンダリングすると、次の位置で改行が発生します。ハイフン。

以前の試み:

「ゼロ幅のブレーク文字」 の挿入は効果がないことが判明しました。

解決策:

通常のハイフンを次のハイフンに置き換えるだけです。非改行ハイフン文字、‑.

使用法:

特定のハイフンの後に改行を防ぐには、ハイフンの代わりに ‑ を挿入します。この文字は通常のハイフンと同様に機能します。ハイフンですが改行は禁止されています。

ブラウザ互換性:

非改行ハイフンは、Safari を含むすべての主要なブラウザでサポートされています。

注:

この解決策は、次のブラウザに適用されます。ハイフンの後の改行が望ましくない特定の場合にのみ適用されます。これは、全体に対するグローバルなソリューションとして意図されたものではありません。ページ。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート