Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan teks di luar pemisah baris dalam html

Bagaimana untuk menetapkan teks di luar pemisah baris dalam html

青灯夜游
青灯夜游asal
2021-12-14 15:19:3613577semak imbas

Dalam HTML, anda boleh menggunakan atribut word-wrap, word-break dan overflow untuk menetapkan teks melebihi pemisah baris Hanya tambah "word-wrap:break-word;word-break:break-all ;overflow:" kepada elemen teks: tersembunyi;"

Bagaimana untuk menetapkan teks di luar pemisah baris dalam html

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Saya menghadapi masalah hari ini, seperti yang ditunjukkan dalam gambar:

Bagaimana untuk menetapkan teks di luar pemisah baris dalam htmlBagaimana untuk menetapkan teks di luar pemisah baris dalam html

Ini menjadikan kesannya kelihatan sangat tidak sedap dipandang kandungan di dalam div melebihi lebar div, kandungan itu harus dibalut dan dipaparkan.

Penyelesaian:

Mula-mula kita perlu memastikan bahawa div mempunyai lebar, dan kemudian tambah gaya css: kodnya adalah seperti berikut:

word-wrap:break-word; 
word-break:break-all; 
overflow: hidden;

Hasilnya adalah seperti berikut:

Bagaimana untuk menetapkan teks di luar pemisah baris dalam html

Ini mencapai kesan yang kita inginkan.

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan teks di luar pemisah baris dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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