Bagaimana untuk melaksanakan pembungkusan baris paksa perkataan panjang dalam DIV?

Question

Baiklah, ini benar-benar mengelirukan saya. Saya mempunyai beberapa kandungan yang diletakkan di dalam

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

Walau bagaimanapun, kandungan melimpahi

(seperti yang dijangkakan) kerana "perkataan" terlalu panjang.

Bagaimanakah saya boleh memaksa penyemak imbas untuk "memecahkan" perkataan apabila perlu untuk memuatkan segala-galanya?

Answer 1

Saya tidak pasti tentang keserasian penyemak imbas

word-break: break-all;

Anda juga boleh menggunakan tag <wbr>

Answer 2

Gunakan word-wrap:break-word;

Ini juga berfungsi dengan baik dalam IE6, yang merupakan kejutan yang menyenangkan.

---

word-wrap: break-word telah digantikan dengan overflow-wrap: break-word;word-wrap: break-word已被替换为overflow-wrap: break-word;，它适用于所有现代浏览器。由于IE是一个已经过时的浏览器，它将永远依赖于被弃用和非标准的word-wrap, ia berfungsi dalam semua penyemak imbas moden. Memandangkan IE ialah penyemak imbas yang sudah lapuk, ia akan sentiasa bergantung pada bungkus perkataan yang tidak digunakan lagi dan bukan standard.

Alyas yang word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wrap sedang gunakan.