CSS에서 page-break-after 속성 사용-CSS 튜토리얼-php.cn

CSS에서 page-break-after 속성 사용

黄舟

풀어 주다： 2017-07-08 09:59:21

원래의

1700명이 탐색했습니다.

CSS2.0의 page-break-afterproperty 사용법을 알고 계십니까? CSS의 page-break-after 속성에는 자동 기본값, 항상 방지 및 상속과 같은 여러 옵션이 있습니다. , 다음과 같이 구체적인 사용 지침을 참조하세요.

CSS2.0의 page-break-after 속성 사용

page-break-after는 CSS에서 인쇄 pagination을 설정하는 데 사용되는 CSS 속성으로 모든 브라우저를 지원합니다.

page-break-after에는 다음과 같은 옵션이 있습니다.

◆자동 기본값. 필요한 경우 요소 뒤에 페이지 나누기를 삽입합니다.

◆항상 요소 뒤에 페이지 나누기를 삽입하세요.

◆요소 뒤에 페이지 나누기를 삽입하지 마세요.

◆left요소 다음에는 빈 왼쪽 페이지가 나올 때까지 페이지 나누기가 충분합니다.

◆right 요소 다음에는 오른쪽 빈 페이지가 나올 때까지 페이지 나누기가 충분합니다.

◆inherit는 page-break-after 속성의 설정이 상위 요소 에서 상속되어야 함을 지정합니다.

일반적으로 사용되는 페이징 태그는 다음과 같습니다.

샘플 코드:

<divstyledivstyle="page-break-after:always"> 
<spanstylespanstyle="display:none"> </span> 
</div>

로그인 후 복사

마찬가지로 테이블의 CSS 인쇄 스타일을 설정할 수도 있습니다. 다음은 각 테이블이 페이지 단위로 인쇄되는 예입니다.

샘플 코드

<html> 
<head> 
<style> 
@mediaprint  
{  
table{page-break-after:always;}  
}  
</style> 
</head> 
<body> 
<table><tr><td>第一个表格</td></tr><tr><td>第一个表格</td></tr></table> 
<table><tr><td>第二个表格</td></tr><tr><td>第二个表格</td></tr></table> 
</body> 
</html>

로그인 후 복사

위 예에서는 인쇄 미리보기에서 두 테이블의 데이터가 2페이지에 별도로 인쇄됩니다. after 속성의 효과.

위 내용은 CSS에서 page-break-after 속성 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!