"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 대형 HTML 테이블을 인쇄 할 때 CSS는 어떻게 행이 나오는 것을 방지 할 수 있습니까?

대형 HTML 테이블을 인쇄 할 때 CSS는 어떻게 행이 나오는 것을 방지 할 수 있습니까?

2025-02-06에 게시되었습니다
검색:844

How Can CSS Prevent Row Breaks When Printing Large HTML Tables?

요소의 자동을 지정하여 브라우저는 페이지를 시작하기 전에 현재 페이지의 테이블을 작성하려고 시도합니다. 부서지다. 또한 Page-Break-Inside 설정 : 요소를 피하십시오. 요소는 행이 페이지를 가로 질러 행이 분할되는 것을 방지합니다.

헤더 및 바닥 글을 보존하려면

에서 페이지 브레이크를 사용하고 Auto를 사용합니다. 규칙. 이렇게하면 페이지 브레이크가 발생하기 전에 현재 행이 완료되어 헤더 또는 바닥 글 정보가 분리되는 것을 방지합니다.

다음 코드는이 접근법을 보여줍니다.

테스트 표 {Page-Break-Inside : Auto} tr {Page-Break-Inside : 피; Page-Break-after : Auto} thead {display : 테이블 헤더 그룹} tfoot {display : 탁자-발자 그룹} 스타일> 제목 노트 x x x 테이블>

최신 튜토리얼 더>

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

Copyright© 2022 湘ICP备2022001581号-3