CSS로 인쇄 페이지를 만드는 방법을 가르쳐주세요.

CSS를 사용하여 인쇄 페이지를 만듭니다. 인쇄용으로 특별히 HTML 파일을 만들 필요가 없으므로 약간의 에너지를 절약할 수 있습니다. 전제는 CSS+p를 사용하여 "WEB 표준"에 따라 HTML 페이지를 레이아웃하는 것입니다.

먼저 HTML 페이지

<link href="css/admin.css" rel="stylesheet" type="text/css" media="screen" />	
<link href="css/admin-print.css" rel="stylesheet" type="text/css" media="print" />

에 프린터에 설정된 CSS 파일을 추가하세요. media="screen"은 화면 지향적입니다.

media="print"는 인쇄용입니다.

둘째, 페이지의 인쇄 버전을 만들고 탐색, 사이드바, 광고, 저작권 등과 같은 불필요한 페이지 요소를 제거합니다. 이때, "WEB 표준"에 따라 페이지를 만드는 이점이 반영될 수 있습니다. CSS를 사용하면 레이아웃을 쉽게 변경할 수 있습니다.

아아아아

셋째, 인쇄버튼 기능은 IE와 Firefox에서 정상적으로 인쇄가 가능합니다.

아아아아

또한 "인쇄 설정" 및 "인쇄 미리 보기"를 허용하는 인쇄 페이지의 로컬 버전이 있지만 이 설정으로 인해 네트워크 인쇄는 IE 브라우저의 컨트롤과 ActiveX의 보안을 호출해야 합니다. 제어력을 줄여야 하며 IE에서만 사용할 수 있습니다. 실행하는 것은 실용적이지 않습니다. 그래서 백업용 호출 코드만 게시합니다.

아아아아

넷째, 주의사항

인쇄 스타일에서 인쇄 글꼴 크기는 포인트(pt) 단위로 측정되며 화면 글꼴 크기 표시의 경우 포인트와 피트보다 픽셀(px)이 더 적합합니다.

인쇄 스타일에서 CSS의 float 속성으로 인해 문제가 발생하고 인쇄된 페이지가 누락되는 경우가 있으므로 불필요한 블록 수준 표시를 제거해 보세요.

인쇄 설정 및 머리글과 바닥글 사용자 정의와 관련하여 일부 정보를 확인한 결과 CSS 및 HTML은 제어할 수 없으며 ActiveX 컨트롤을 호출해야만 제어할 수 있지만 이는 안전하지 않다는 것을 발견했습니다. 가장 좋은 방법은 인쇄하기 전에 브라우저 메뉴를 클릭하여 인쇄 설정을 직접 지정하는 것입니다.

CSS에는 페이지 나누기를 설정할 수 있는 태그인 "page-break-after" 및 "page-break-before"도 있습니다. 내 휴일 페이지에는 테이블이 많기 때문에 이 CSS를 적용하지 않았습니다. 구체적인 효과를 직접 테스트할 수 있습니다.

위 내용은 CSS로 인쇄 페이지를 만드는 방법을 가르쳐주세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!