[解決済み] CSSの「word-break: break-all」と「word-wrap: break-word」の違いは何ですか?
2022-03-23 17:09:07
質問
現在、この2つの違いは何だろうと考えています。両方使うと、単語がコンテナに収まらない場合、単語が壊れてしまうようです。しかし、なぜW3Cは2つの方法を作ったのでしょうか?
解決方法は?
これらについて述べているW3仕様
は、次のようなことを示唆しているようです。
word-break: break-all
はCJK(中国語、日本語、韓国語)テキストで特定の動作を要求するためのもので、一方
word-wrap: break-word
は、より一般的な、日中韓を意識しない動作である。
関連
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[ブラウザ互換性チュートリアル]IE9でのネイティブページの互換性問題の解決方法について
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] visibility:hiddenとdisplay:noneの違いは何ですか?
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] クリアフィクス」はどのような方法で使用できますか?
-
[解決済み] Normalize.cssとReset CSSの違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】Chromeのタブバーを実装するためのCSSのコツ
-
[CSSチュートリアル】検索ボックスの非表示機能を実現するCSS(アニメーションの順送り・逆戻りシーケンス)
-
[CSSチュートリアル】CSS3Animationで実現する簡単な指のクリックアニメーションの例
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】CSS3で3つの効果例の背景をぼかす。
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
[css3]CSS3アニメーションによる光のボタンの流れの効果
-
[ブラウザ互換性チュートリアル]IE9でのネイティブページの互換性問題の解決方法について
-
[CSSチュートリアル]テーブル table :nth-child()を使って行間の色変更と整列を実現する。
-
[CSSチュートリアル】背景画像画面の適応的な実装を実現するCSS