Divs에서 브라우저 간 단어 줄 바꿈을 어떻게 달성할 수 있나요?

Divs의 크로스 브라우저 단어 줄 바꿈

질문:

이를 달성하는 것이 가능합니까? div 내의 긴 단어에 대한 단어 줄바꿈으로 브라우저 간 교차 보장 호환성?

답변:

예, 다음 CSS 코드를 사용하여 브라우저 간 단어 줄 바꿈을 달성할 수 있습니다.

.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

설명 :

.wordwrap 클래스는 여러 CSS 속성을 활용하여 다양한 단어로 단어 줄 바꿈을 보장합니다. 브라우저:

• white-space: pre-wrap은 추가 공백을 추가하지 않고 줄 사이의 단어를 끊습니다. 이는 최신 브라우저에서 지원되는 기능입니다.
• -moz-pre-wrap 및 -o- pre-wrap은 각각 Mozilla Firefox 및 Opera에 대해 공급업체가 접두사를 붙인 대안입니다.
• -pre-wrap은 이전 Opera 버전에서도 유사하게 작동합니다. 7.
• word-wrap: break-word는 Internet Explorer에서 단어 나누기를 강제합니다.

이러한 속성을 결합하면 다양한 브라우저에서 div 내의 긴 단어를 효과적으로 래핑할 수 있습니다.

위 내용은 Divs에서 브라우저 간 단어 줄 바꿈을 어떻게 달성할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!