ワードラップが期待どおりに機能しないのはなぜですか？

私はいくつかのページの頭のタイトルに非常に不満を持っています。私は単語の折り返しを持っています。何らかの理由でその手紙を残しています。次のようにワードラップが期待どおりに機能しないのはなぜですか？

私のCSSは次のとおりです。

.spacing { 
    font-size: 22px !important; 
    letter-spacing: 0 !important; 
    line-height: 28px!important; 
    width: 80%; 
    margin: auto; 
    word-break: break-all; 
    word-wrap: break-word; 
}

なぜこれが起こっているそれは私がワードラップとワードブレークを試してみたが、それらのどれも私が頼む何をやっているように見えるん、任意のアイデア腹立たしいとなっています単語そのものではなく単語の文字に

出典

2016-04-12 MrJoshFisher

予想外のことはありますか？ *単語区切りCSSプロパティは、単語内の行を区切るかどうかを指定するために使用されます。* [MDN]（https://developer.mozilla.org/en-US/docs/Web/CSS/word-break） –

実際には期待どおりに動作します。あなたのCSSは、単語が任意の位置で折り返しができ、折り返しが必要な場合に強制的に実行するようになっています。 –

word-break: break-all;は、単語の途中であっても、2つの文字の間に改行が存在する可能性があることを示します。 word-break: normal;（または恐らくはword-breakを削除してみてください）を試して問題が解決するかどうか確認してください。

Reference

出典

2016-04-12 14:00:29

歓声は魅力的でした – MrJoshFisher

ワードラップが期待どおりに機能しないのはなぜですか？

答えて

関連する問題