>웹 프론트엔드 >CSS 튜토리얼 >표 셀에서 텍스트 줄바꿈을 만들려면 어떻게 해야 합니까?

표 셀에서 텍스트 줄바꿈을 만들려면 어떻게 해야 합니까?

Susan Sarandon
Susan Sarandon원래의
2024-10-27 02:32:30462검색

How can I make text wrap in a table cell?

표 셀()의 텍스트를 강제로 줄 바꿈하려면 어떻게 해야 하나요?

기본적으로 표 셀 텍스트는 다음 줄로 자동 줄 바꿈되지 않으므로 텍스트가 셀 외부로 넘치게 되어 페이지 레이아웃에 영향을 줍니다.

강제 줄 바꿈 방법< /h3>

표 셀 텍스트 줄 바꿈을 강제하는 두 가지 주요 방법은 다음과 같습니다.

1. table-layout:fixedword-wrap:break-word

를 사용하면 테이블의 고정 레이아웃이 설정되고 텍스트가 셀 너비 내에서 여러 줄로 나누어지도록 합니다. 최신 브라우저에서 작동합니다.

<br>table {<br> table-layout:fixed;<br>}</p>
<p>td {<br> word-wrap: break-word;<br>}<br>

2. white-space:normal

이것은 브라우저가 셀 텍스트를 일반 텍스트로 처리하여 자연스럽게 줄 바꿈하도록 지시합니다. 그러나 일부 브라우저에서는 작동하지 않을 수 있습니다.


td {
white-space: Normal;
}

고려 사항

페이지 레이아웃에 따라 텍스트 줄 바꿈을 보장하기 위해 표나 셀의 너비를 조정해야 할 수도 있습니다. 원하는 대로.

또한 테이블이 백분율 너비가 있는 div와 같은 유연한 컨테이너 내에 있는 경우 동적 구성으로 인해 셀 텍스트가 여전히 컨테이너를 넘칠 수 있습니다. 레이아웃의 특성입니다.

위 내용은 표 셀에서 텍스트 줄바꿈을 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.