CSS에서 page-break-after 속성 사용
- 黄舟원래의
- 2017-07-08 09:59:211729검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!