ホームページ  >  記事  >  ウェブフロントエンド  >  HTML div CSS は改行なしで改行を強制します

HTML div CSS は改行なしで改行を強制します

高洛峰
高洛峰オリジナル
2016-11-24 13:39:124725ブラウズ

1. 改行を強制的に行わず、省略記号で終了します。


こんにちは、友達、友達、なぜ効果が表示されないのですか

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 の例は上記と同じですが、行末が単語全体を表示するのに十分な幅がない場合、単語全体を祝福する点が異なります。単語を切り詰めることなく、単語全体が自動的に次の行に配置されます。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。