DIV에서 긴 단어의 강제 줄 바꿈을 구현하는 방법은 무엇입니까?
P粉450744515
2023-08-21 14:03:56
<p>네, 정말 혼란스럽네요. 다음과 같이 </p><div> 안에 콘텐츠가 있습니다. <p><br /></p>
<pre class="brush:php;toolbar:false;"><div style="배경색: 녹색; 너비: 200px; 높이: 300px;">
이건테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.
<p>그러나 "단어"가 너무 길기 때문에 예상대로 내용이 </p><div>를 오버플로합니다. <p><br /></p>
<p>모든 것을 맞추기 위해 필요할 때 브라우저가 단어를 "분리"하도록 하려면 어떻게 해야 합니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
브라우저 호환성이 확실하지 않습니다
으아악
를 사용해도 됩니다.<wbr>태그사용word-wrap:break-word;이 기능은 IE6에서도 잘 작동하는데, 정말 놀랍습니다.
word-wrap: break-word는overflow-wrap: break-word;word-wrap: break-word已被替换为overflow-wrap: break-word;，它适用于所有现代浏览器。由于IE是一个已经过时的浏览器，它将永远依赖于被弃用和非标准的word-wrap, 모든 최신 브라우저에서 작동합니다. IE는 오래된 브라우저이므로 항상 더 이상 사용되지 않고 비표준인word-wrap을 사용합니다.word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wrap이 현재 사용하고 있는 별칭입니다.