왜 웹 페이지에 CSS 페이지 번호를 추가할 수 없나요?

CSS 페이지 번호에 대한 브라우저 지원: 흥미로운 딜레마

간단해 보이지만 웹 페이지의 인쇄 버전에 페이지 번호를 추가합니다. CSS를 사용하면 난처한 문제가 발생합니다. @page 및 @bottom-right 태그는 유망해 보이지만 널리 사용되는 웹 브라우저에서는 실제 구현이 어려운 것으로 입증되었습니다.

이 문제를 해결하기 위해 한 사용자는 기본 HTML 파일에 다음 코드를 구현하려고 시도했습니다. :

@page {
  @bottom-right {
    content: "TEXT";
  }
}

그러나 이로 인해 텍스트가 표시되지 않았습니다. 카운터와 더 복잡한 콘텐츠를 사용하려는 추가 시도도 Windows 7의 Chrome, Firefox 및 IE9에서 성공하지 못한 것으로 나타났습니다.

추가 조사 결과, 웹 브라우저의 페이징 미디어 지원은 아직 초기 단계에 있는 것으로 나타났습니다. 레이아웃 엔진 비교에 대한 Wikipedia 페이지에 따르면 현재 주요 브라우저 중 어느 것도 여백 상자를 지원하지 않습니다. 이 중요한 기능은 페이지 번호 매기기, 머리글 및 바닥글을 가능하게 합니다.

따라서 CSS 페이지 번호 구현은 웹 개발자에게 여전히 어려운 목표로 남아 있습니다. PDF 변환은 현재 유일하게 신뢰할 수 있는 솔루션이지만 추가 오버헤드가 발생합니다. 페이징된 미디어에 대한 브라우저 지원 부족은 웹 기술의 지속적인 발전과 그 경계를 넓히는 데 발생하는 문제를 강조합니다.

위 내용은 왜 웹 페이지에 CSS 페이지 번호를 추가할 수 없나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!