"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > HTML 테이블에서 Word-Wrap이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?

HTML 테이블에서 Word-Wrap이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?

2024년 12월 23일에 게시됨
검색:813

Why Doesn't Word-Wrap Work in HTML Tables, and How Can I Fix It?

HTML 표의 단어 줄 바꿈: 줄 바꿈되지 않은 텍스트 수정

Word-wrap은 요소 내에서 텍스트를 줄 바꿈하는 데 사용되는 CSS 속성입니다. div 및 스팬과 같습니다. 그러나 표 셀에서는 작동하지 않는 경우가 많아 텍스트가 셀 경계를 넘치게 됩니다.

이 문제를 해결하려면 표에 대해 table-layout:fixed CSS 속성을 사용할 수 있습니다. 이 속성은 테이블의 레이아웃을 고정하여 해당 셀이 래핑된 텍스트를 적절하게 수용할 수 있도록 합니다.

수정 사항을 보여주는 업데이트된 코드 조각은 다음과 같습니다.

이 수정을 통해 이제 긴 단어가 테이블 셀 내에서 줄바꿈되어 경계를 존중하고 오버플로를 방지합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3