DIV에서 긴 단어의 강제 줄 바꿈을 구현하는 방법은 무엇입니까?
P粉450744515
P粉450744515 2023-08-21 14:03:56
0
2
383
<p>네, 정말 혼란스럽네요. 다음과 같이 </p><div> 안에 콘텐츠가 있습니다. <p><br /></p> <pre class="brush:php;toolbar:false;"><div style="배경색: 녹색; 너비: 200px; 높이: 300px;"> 이건테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.
<p>그러나 "단어"가 너무 길기 때문에 예상대로 내용이 </p><div>를 오버플로합니다. <p><br /></p> <p>모든 것을 맞추기 위해 필요할 때 브라우저가 단어를 "분리"하도록 하려면 어떻게 해야 합니까?

2
0
0
P粉450744515
P粉450744515

모든 응답(2)
P粉642436282

브라우저 호환성이 확실하지 않습니다

으아악

<wbr> 태그

를 사용해도 됩니다.
P粉864594965

사용 word-wrap:break-word;

이 기능은 IE6에서도 잘 작동하는데, 정말 놀랍습니다.


word-wrap: break-wordoverflow-wrap: break-word;word-wrap: break-word已被替换为overflow-wrap: break-word;,它适用于所有现代浏览器。由于IE是一个已经过时的浏览器,它将永远依赖于被弃用和非标准的word-wrap, 모든 최신 브라우저에서 작동합니다. IE는 오래된 브라우저이므로 항상 더 이상 사용되지 않고 비표준인 word-wrap을 사용합니다.

word-wrap的情况仍然可以正常工作,因为它是根据规范的overflow-wrap이 현재 사용하고 있는 별칭입니다.

인기 주제
더>
인기 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿