CSS page-break-after 속성을 사용하는 방법-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

CSS page-break-after 속성을 사용하는 방법

silencement

May 28, 2019 am 10:00 AM

CSS page-break-after 속성을 사용하는 방법

css page-break-after 속성 정의 및 사용법

css에서 page-break-after 속성은 지정된 요소 뒤에 페이지 나누기를 삽입하는 데 사용됩니다. 일반적으로 position 속성 값이 다음과 같은 경우에 사용됩니다. 상대(상대 위치 지정)) 또는 정적(기본 위치 지정) 비부동 블록 수준 요소에는 이 속성을 사용할 수 없습니다(위치 값은 절대 또는 고정).

CSS의 page-break-after 속성은 일반적으로 일반적으로 사용되지 않습니다. 페이징 속성은 가능한 한 적게 사용하고 테이블, 플로팅 요소, 테두리가 있는 블록 요소에서는 페이징 속성을 사용하지 않는 것이 좋습니다.

css page-break-after 속성 구문 형식

css 구문: page-break-after:auto/always/avoid/left/right/inherit

JavaScript 구문: object.style.pageBreakAfter="always"

속성 값 설명

auto: 필요한 경우 요소 뒤에 페이지 나누기를 삽입합니다(기본값)

always: 요소 뒤에 페이지 나누기를 삽입합니다.

avoid: 요소 뒤에 페이지 나누기를 삽입하지 않습니다.

왼쪽: 요소 이후 빈 왼쪽 페이지가 나올 때까지 충분한 페이지 나누기

right: 요소 이후 빈 오른쪽 페이지가 될 때까지 충분한 페이지 나누기

inherit: 상위 요소에서 page-break-after 속성을 상속받습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css page-break-after属性插入分页符</title>
<style type="text/css">
p{page-break-after:always;}
</style>
</head>
<body>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
</body>
</html>

로그인 후 복사

실행 결과

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

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.