html_HTML/Xhtml_Web ページ制作における div、td、p およびその他のコンテナーでの強制改行と改行なしの実装

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

2. CSS 自動行折り返し


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


div がネストされている場合、内側の div がコンテンツに従って自動的に折り返される場合、設定できるのは外側の div 幅とwhite-spance:nowrap だけです。

word-break:break-all と word-wrap:break-word は両方とも DIV などのコンテナのコンテンツを自動的にラップできるようにします

違いは次のとおりです:

1 , word-break:break-all たとえば、div の幅が 200px の場合、行末に長い英単語 (congratulation など) がある場合、その内容は自動的に 200px で折り返されます。単語を入力して行にすると、最後がconra（おめでとうの前部分）で、次の行がtulation（祝辞の後部分）になります。

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 で改行が正しくなります。また、単語間のスペースを使用して単語を置き換えることはできません。そうしないと、改行が正しくなりません。