英単語全体をCSSで折り返さないようにする方法

英語の単語全体が折り返されないことを実現する Css メソッド: 1. CSS 属性「word-wrap:break-word;」を通じて行の折り返しを制御します; 2. CSS 属性「word-」を通じて制御します。 Break:break-all;" 単語の分割だけで十分です。

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

css英単語全体が折り返されませんか?

#css での英語と中国語の単語の折り返しの問題

単語の折り返しの問題

非常に長い英語に遭遇することがあります。

解決策

この要件は、2 つの CSS 属性によって実現できます:

word-wrap:break-word;
word-break:break-all;

word-wrap

word-wrap は改行を制御するために使用されます。次の 2 つの値があります:

+ normal
+ break-word(这个值用来强制换行的，内容将在边界内换行，在中文中是没有任何问题，英文语句也是没有任何问题，但是对于很长的英文来说就不起作用了)

word-break

word-break は単語の分割方法を制御するために使用されます。値は 3 つあります:

+ break-all（是断开单词，在单词到边界的时候，下个字幕自动到下一行，主要是解决了长串英文单词断词的问题）
+ keep-all(指的是不断词，一句话就是一行)

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

以上が英単語全体をCSSで折り返さないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。