특히 Internet Explorer에서 HTML 표 셀의 단어 줄 바꿈을 효과적으로 활성화하려면 어떻게 해야 합니까?

HTML 테이블의 단어 줄 바꿈

지정된 너비에 맞게 텍스트를 자동으로 나누는 단어 줄 바꿈은 어려울 수 있습니다. 테이블 셀의 경우. 널리 사용되는 word-wrap: break-word 속성은 종종 이러한 요소에서 작동하지 않아 텍스트가 셀 경계를 넘어 넘치게 됩니다.

text-wrap:suppress 또는 text-wrap:normal을 사용하라는 제안에도 불구하고 이러한 요소는 솔루션은 효과가 없는 것으로 판명되었습니다. 그러나 Internet Explorer에서 실행 가능한 접근 방식은 table-layout:fixed 속성을 테이블에 추가하는 것입니다.

table-layout:fixed를 설정하면 브라우저는 내용을 기반으로 테이블 열의 너비를 계산합니다. 테이블 전체에 고정되어 있습니다. 이 동작은 열의 너비를 동적으로 조정할 수 있는 기본 table-layout:auto와 다릅니다.

다음 수정된 HTML을 고려하세요.

<table>

이 조정을 사용하면 긴 단어가 테이블 셀 내부를 감싸서 셀 경계 위로 넘치지 않도록 합니다. 이 솔루션은 Internet Explorer용 HTML 표 셀의 단어 줄 바꿈 문제를 해결합니다.

위 내용은 특히 Internet Explorer에서 HTML 표 셀의 단어 줄 바꿈을 효과적으로 활성화하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!