Bagaimana untuk menjadikan keseluruhan perkataan Inggeris tidak dibungkus dalam css

藏色散人
Lepaskan: 2023-02-02 09:39:13
asal
3410 orang telah melayarinya

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.

Bagaimana untuk menjadikan keseluruhan perkataan Inggeris tidak dibungkus dalam css

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;
Salin selepas log masuk

word-wrap

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

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

word-break

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

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

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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan