ホームページ > ウェブフロントエンド > フロントエンドQ&A > 改行を強制しないCSS英語コードとは何ですか?

改行を強制しないCSS英語コードとは何ですか?

藏色散人
リリース: 2023-01-28 15:45:30
オリジナル
2646 人が閲覧しました

改行を強制的に行わない CSS の英語コードは「white-space:nowrap;」です。ここで、「white-space」属性は要素内の空白の処理方法を指定し、nowrap 属性値はは、テキストが折り返されず、
タグが見つかるまで同じ行にテキストが続くことを示します。

改行を強制しないCSS英語コードとは何ですか?

このチュートリアルの動作環境: Windows 10 システム、css3 バージョン、DELL G3 コンピューター

css のコードとは英語で強制的に改行しないようにするには?

英語と中国語の強制改行と非改行の CSS コード

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

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

3. ホワイトスペース: pre-wrap; 中国語でのみ機能します 関数、改行を強制します

4.white-space:nowrap;改行を強制しないと機能します

5.white-space:nowrap;オーバーフロー:hidden; text-overflow:ellipsis; いいえ 行の折り返し、余分な部分は非表示になり、楕円の形で表示されます

注: コンテナの幅を必ず指定してください。指定しないと役に立ちません。

.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;}
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}
ログイン後にコピー

ワードブレーク構文

word-break : normal | break-all | keep-all
ログイン後にコピー

パラメータ:

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

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

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

推奨される学習: 「css ビデオ チュートリアル

以上が改行を強制しないCSS英語コードとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート