CSSで改行なしの英語を実現する方法

英語の非改行を実現する CSS メソッド: 最初に HTML サンプル ファイルを作成し、次に本文に英語のコンテンツを定義し、最後に「white-space:nowrap;」属性を追加して英語の非改行を実現します。破壊効果。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS は英語、中国語の改行を強制し、改行なしを強制します

HTML をデザインして作成するとき、CSS は英語、中国語の改行を強制し、改行なしを強制するという問題に遭遇するでしょう。この記事でそれについて学ぶことができます。 関連する知識。

構造:

1.積み替え予約システムは英語でのみ機能します。改行の基礎として文字が使用されます。

2.積み替え予約システムは英語でのみ機能します。英語。改行の基礎として単語を使用します。

3.積み替え予約システムが起動されると、中国語でのみ機能し、改行が強制されます。

4.積み替え予約システムが起動されると、改行は強制されません。 work

5. 改行なし、余分な部分は非表示になり、楕円で表示されます

5. 改行なし、余分な部分は非表示になり、楕円で表示されます予約システムが開始されました

コード:

.p1{ word-break:break-all; width:150px;}/*文字を改行として使用し、英語でのみ機能します*/

.p2{ word-wrap:break- word; width:150px;}/*-- 改行の基礎として単語を使用し、英語でのみ機能します*/

.p3{white- space:pre-wrap; width:150px;}/*英語中国語でのみ動作、強制改行*/

.p4{white-space:nowrap; width:10px;}/*強制的に行なしBreak、すべて動作します*/

.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*行の折り返しはなく、余分な部分は非表示になって表示されます楕円の形式*/

1. word-break:break-all ; 英語でのみ機能し、改行の基礎として文字を使用します

2. word-wrap:break- word; 改行の基礎として単語を使用し、英語でのみ機能します。

3.{white-space:pre-wrap; 中国語でのみ機能し、行の折り返しを強制します

4.{white -space:nowrap; 行の折り返しを強制的に行わず、すべての文字で機能します

5.{white-space:nowrap ; overflow:hidden; text-overflow:ellipsis; 改行なし、余分な部分は非表示になって表示されます楕円の形式

コンテナの幅を指定する必要があることに注意してください。指定しないと役に立ちません。

ワードブレークは IE5 の独自のプロパティであることに注意してください

構文:

word-break : normal | break-all | keep-all

パラメータ:

normal: アジア言語のテキスト規則に従うおよび非アジア言語では、単語内での改行が許可されます。

break-all: この動作は、アジア言語の場合の通常の動作と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、アジア以外のテキストを含むアジアのテキストに適しています。

keep-all : すべての非アジア言語の通常と同じです。中国語、韓国語、日本語の場合、単語の区切りは許可されません。少量のアジア語テキストを含む非アジア語テキストに適しています。

説明:

オブジェクト内のテキストの単語内折り返し動作を設定または取得します。特に複数の言語が登場する場合。

中国語の場合は、ブレークオールを使用する必要があります。

【推奨学習: css ビデオ チュートリアル 】

以上がCSSで改行なしの英語を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。