고정 높이의 표 셀에서 텍스트 오버플로를 방지하는 방법은 무엇입니까?

텍스트 오버플로를 방지하기 위해 표 셀 높이 제어

HTML의 일반적인 과제는 텍스트 오버플로를 방지하면서 표 셀에 지정된 높이를 유지하는 것입니다. 콘텐츠가 높이 제한을 초과하는 경우. 이 문제를 해결하기 위해 CSS 2.1에서는 표 셀 높이가 콘텐츠 크기에 맞게 조정되도록 지정합니다. 이 제한을 극복하려면 간접적인 접근 방식이 필요합니다.

내부 마크업을 사용한 간접 높이 제한

셀 높이를 간접적으로 제한하려면 표 셀 내에 내부 div 요소를 사용하세요. div 요소에 높이 및 오버플로 속성을 설정하면 셀 높이가 고정된 상태로 유지됩니다.

<td>

div 요소에는 display: table-cell 속성이 없어야 합니다. CSS 2.1 테이블 셀 규칙.

이 방법을 사용하면 셀 내에 여러 줄의 텍스트를 허용하는 동시에 오버플로로 인해 초과 콘텐츠가 숨겨진 상태로 유지됩니다. div에 숨겨진 속성이 적용됩니다. 요소.

위 내용은 고정 높이의 표 셀에서 텍스트 오버플로를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!