테이블 레이아웃의 너비를 수정하는 방법: 고정

이번에는 테이블의 너비를 수정하는 방법을 알려드리겠습니다. table-layout:fixed, 테이블의 너비를 수정합니다. table-layout:fixed의 주의사항은 무엇인가요? 보세요.

표가 화면(나머지 빈 영역)을 채울 수 있도록 너비 속성은 종종 100%로 정의되고 셀도 백분율로 정의됩니다.

그러나 이로 인해 문제가 발생합니다. 셀의 텍스트가 너비 제한을 초과하면 자동으로 줄바꿈되고 높이가 자동으로 늘어나 전체 표의 스타일이 고르지 않게 되어 보기 흉해집니다.

쉬운 해결책은 텍스트 줄 바꿈을 비활성화하는 것입니다. white-space:nowrap; overflow:hidden;

너무 쉽습니다. 그러나 효과는 여전히 예상치 못한 것입니다. 텍스트가 모두 한 줄에 표시되고 너비는 다음과 같습니다. 자동으로 넓어집니다. 상위 컨테이너를 넘어도 오버플로는 전혀 효과가 없습니다!

무슨 일이에요? 퍼센트 때문일까요? 하지만 static의 고정 너비를 사용하면 테이블의 유연성이 손실됩니다.

그 이후로 나는 궁극의 솔루션을 쉽게 찾았습니다. 고정 테이블 너비: 테이블 레이아웃: 고정;

참고로 간단한 렌더링을 만들었습니다.

당신도 본 적이 있을 거라 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

html 드롭다운 메뉴가 선택한 값을 유지하고 제출 후 기본값으로 돌아가지 않게 하는 방법

다른 브라우저에서 구분선 hr의 차이점은 무엇입니까

위 내용은 테이블 레이아웃의 너비를 수정하는 방법: 고정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!