1. 改行を強制的に行わず、省略記号で終了します。
こんにちは、友達、友達、なぜ効果が表示されないのですか
div>
2. CSS は自動的に行を折り返す
div{ word-wrap:break-word; word-break:normal; }
3. CSS は英語の単語を強制的に改行します
div{word-break:break-all;} div がネストされている場合、内側の div が内容に応じて自動的に折り返されるようにするには、外側の div とwhite-spance:nowrap の幅を設定するだけです。
word-break:break-all と word-wrap:break-word はどちらも、DIV などのコンテナのコンテンツを自動的にラップできるようにします
それらの違いは次のとおりです:
1, word-break:break-all たとえば、div width が 200px の場合、その内容は行末に長い英単語 (congratulation など) がある場合、その単語が切り捨てられ、conra (congratulation の前の部分) に変換されます。行の終わり、次の行がバックエンド部分の調音(conguatulation)となります。
2. word-wrap:break-word の例は上記と同じですが、行末が単語全体を表示するのに十分な幅がない場合、単語全体を祝福する点が異なります。単語を切り詰めることなく、単語全体が自動的に次の行に配置されます。