찾다

 >  Q&A  >  본문

DIV에서 긴 단어의 강제 줄 바꿈을 구현하는 방법은 무엇입니까?

<p>네, 정말 혼란스럽네요. 다음과 같이 </p><div> 안에 콘텐츠가 있습니다. <p><br /></p> <pre class="brush:php;toolbar:false;"><div style="배경색: 녹색; 너비: 200px; 높이: 300px;"> 이건테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.이것은테스트입니다.
<p>그러나 "단어"가 너무 길기 때문에 예상대로 내용이 </p><div>를 오버플로합니다. <p><br /></p> <p>모든 것을 맞추기 위해 필요할 때 브라우저가 단어를 "분리"하도록 하려면 어떻게 해야 합니까?

P粉450744515P粉450744515453일 전387

모든 응답(2)나는 대답할 것이다

  • P粉642436282

    P粉6424362822023-08-22 10:24:30

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

    으아악

    <wbr> 태그

    를 사용해도 됩니다.

    회신하다
    0
  • P粉864594965

    P粉8645949652023-08-22 09:39:19

    사용 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이 현재 사용하고 있는 별칭입니다.

    회신하다
    0
  • 취소회신하다