Bagaimana untuk menjadikan keseluruhan perkataan Inggeris tidak dibungkus dalam css

Cara melaksanakan css yang tidak membalut keseluruhan perkataan Inggeris: 1. Garis kawalan memecah atribut css "word-wrap:break-word;" 2. Kawalan melalui atribut css "word-break :break-all;" Pembahagian perkataan sudah memadai.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3, komputer DELL G3

Cara mencapai css tanpa membungkus keseluruhan perkataan Inggeris?

Masalah pembungkus perkataan dalam bahasa Inggeris dan Cina dalam css

Masalah pembungkus perkataan

Kadang-kadang anda menghadapi perkataan Inggeris yang sangat panjang dalam Ayat projek, dan kemudian apabila bahagian div yang tinggal tidak mencukupi untuk memegang perkataan, perkataan itu akan dipaparkan dalam baris baharu Dalam kes ini, penghujungnya akan kosong dan ruang akan kelihatan hodoh

Penyelesaian

Anda boleh mencapai keperluan ini melalui dua atribut css:

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

word-wrap

word-wrap digunakan untuk mengawal patah baris , mempunyai dua nilai:

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

word-break

word-break digunakan untuk mengawal cara perkataan dibahagikan. Terdapat tiga nilai:

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

Pembelajaran yang disyorkan: "tutorial video css"

Atas ialah kandungan terperinci Bagaimana untuk menjadikan keseluruhan perkataan Inggeris tidak dibungkus dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!