英語の単語全体が折り返されないことを実現する 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
