HTML div css が改行なしで改行を強制する問題を解決します。_html/css_WEB-ITnose

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

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

2. CSS は自動的に行を折り返す
div{ word-wrap:break-word; word-break:normal; }

3. CSS は英語の単語を強制的に改行します
}

div ネストの場合、内容に応じて内側の div を自動的に折り返すには、外側の div の幅とwhite-spance:nowrapを設定するだけです。

word-break:break-all と word-wrap:break-word は、DIV などのコンテナのコンテンツを自動的にラップさせることができます

それらの違いは次のとおりです:

1、word-break:break-all たとえば, div の幅が 200px の場合、その内容は自動的に 200px に折り返されます。行末に長い英単語 (congratulation など) がある場合、単語が切り詰められ、conra (先頭部分) に変換されます。次の行は、tulation (conguatulation) のバックエンド部分です。

2. word-wrap:break-word の例は上記と同じですが、行末が単語全体を表示するのに十分な幅がない場合に、単語全体を祝福する点が異なります。単語が切り捨てられることなく、単語全体が自動的に次の行に配置されます。

3、word-break;break-all サポートされているバージョン: IE5 以降 この動作は、アジア言語の通常の動作と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、非アジアのテキストを含むアジアのテキストに適しています。 WORD-WRAP:break-word 対応バージョン：IE5.5以降 コンテンツは境界内で折り返されます。必要に応じて、単語の区切りも発生します。テーブルは自動的に折り返され、伸びを防ぎます。 word-break : ノーマル | ブレークオール | キープオール パラメータ: ノーマル : アジア言語および非アジア言語のテキスト規則に従って単語内の改行を許可します。 Break-all : この動作はアジア言語の場合と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、アジア以外のテキストを含むアジアのテキストに適しています。 keep-all : すべての非アジア言語の通常と同じです。中国語、韓国語、日本語の場合、単語の区切りは許可されません。少量のアジア語テキストを含む非アジア語テキストに適しています。 構文: word-wrap:normal |break-word パラメータ:normal:コンテンツが指定されたコンテナ境界に押し込まれることを許可します。break-word:コンテンツは境界内で折り返されます。必要に応じて、ワードブレークも行われます。 説明: 現在の行が指定されたコンテナーの境界を超えたときに行を区切るかどうかを設定または取得します。

対応するスクリプト機能はwordWrapです。私が書いた他の本もご覧ください。 構文: table-layout: auto | fix パラメータ: auto: デフォルトの自動アルゴリズム。レイアウトは各セルの内容に基づきます。各セルが読み取られて計算されるまで、テーブルは表示されません。非常に遅い修正: レイアウト アルゴリズムを修正しました。このアルゴリズムでは、水平レイアウトは表の幅、表の境界線の幅、セル間隔、および列の幅のみに基づいており、表の内容とは関係ありません。または、テーブルのレイアウト アルゴリズムを取得します。対応するスクリプト属性は tableLayout です。

推奨事項: 3C でワードブレークを検出すると問題が表示され、Baidu スナップショットでも問題が発生します。この属性は OPERA FIREFOX ブラウザーではサポートされていないため、代わりにwhite-space:normal; を使用できます。 FireFox で使用できます。改行は IE および IE で正しく実行できます。単語間のスペースを使用して置換することはできません。そうしないと改行が正しく実行されないことに注意してください。