인쇄된 HTML 문서의 각 페이지에 머리글과 바닥글을 추가하는 방법은 무엇입니까?

인쇄된 모든 페이지에 사용자 정의 머리글 및 바닥글 HTML 페이지를 인쇄할 수 있습니까? 내용에 관계없이 인쇄된 모든 페이지의 상단과 하단에 빨간색, Arial 글꼴, 16pt 크기의 "UNCLASSIFIED"라는 단어를 추가하고 싶습니다. 명확히 하기 위해 문서가 5페이지로 인쇄되는 경우 각 페이지에는 사용자 정의 머리글과 바닥글이 있어야 합니다. HTML/CSS를 사용하여 이것이 달성될 수 있는지 아는 사람이 있습니까?

P粉256487077 2023-08-20 14:58:06 0  1  775

긴 HTML 표를 인쇄할 때 각 페이지에 머리글과 바닥글을 추가하는 데 도움이 필요합니다.

긴 HTML 테이블이 있는 뷰가 있습니다. 뷰를 인쇄하려고 하면 테이블이 페이지로 분할됩니다. 분명히 양식이 중단되고 다음 페이지로 계속됩니다. 인쇄된 모든 페이지에 머리글과 바닥글을 깔끔하게 추가하고 싶습니다. 다음과 같은 CSS 페이지 나누기 속성을 사용해 보았습니다. 페이지 나누기 후 내부 페이지 나누기 페이지 나누기 전 위치:고정을 사용하여 머리글과 바닥글을 위쪽과 아래쪽에 고정해 보았습니다. 바닥글은 모든 페이지에 표시되지만 표와 겹칩니다. 강조 표시된 부분에서 볼 수 있듯이, 머리글과 바닥글을 겹치지 않게 표시하고 싶습니...

P粉662802882 2023-12-18 17:46:07 0  1  510

paged.js를 사용하여 마지막 페이지에 별도의 바닥글 생성

마지막 페이지에 별도의 바닥글을 생성하기 위해 paged.js를 사용하려고 합니다. 총 페이지 수는 동적입니다. 마지막에 올바른 최종 바닥글을 제공하지만 끝에 추가 빈 페이지를 생성하므로 명명된 페이지 접근 방식을 시도했지만 성공하지 못했습니다. 누구든지 나를 도와줄 수 있나요?

P粉785957729 2023-09-01 10:54:58 0  1  617

새 헤더: 바닥글이 항상 페이지 하단에 있는지 확인하세요.

바닥글을 페이지 하단에 유지하고 페이지 하단으로 스크롤할 때까지 표시되지 않도록 하는 프로젝트를 진행 중입니다. CSS에서 'position:fixed'를 사용해 보았지만 콘텐츠 위에 떠 있고 절대 위치 지정을 사용하면 페이지 중앙에 고정되어 콘텐츠를 덮습니다. 또한 내용이 많지 않은 페이지의 경우 위치를 지정하지 않거나 '위치:절대'를 사용하지 않으면 바닥글 아래에 공백이 생깁니다. 제안해 주세요. *{margin:0;padding:0;}헤더{배경-c

P粉318928159 2023-08-27 23:13:19 0  1  486

탐색 모음, 기본 콘텐츠 및 바닥글을 중앙에 배치하는 방법

저는 네트워크 코딩의 세계를 처음 접했고 도움이 필요합니다. 나는 지역 스포츠 팀을 위한 웹 페이지를 만들고 있는데, 그 웹 페이지가 그다지 좋아 보이지 않고 WordPress가 사용자 친화적이지 않기 때문에 직접 코딩해 보는 것이 더 쉬울 것이라고 생각했습니다. 페이지 내 네비게이션 바, 주요 내용, 바닥글을 입력할 수 없습니다. 내비게이션 바, 메인 콘텐츠, 바닥글의 너비가 80%로만 입력되어 스포츠 팀의 선수 사진이 포함된 배경을 볼 수 있기를 바랍니다.) #footerWrapper{max-width:80%;max-heig

P粉165823783 2023-09-16 13:52:33 0  1  1194

바닥글 구독 시 자동으로 아래쪽으로 스크롤

바닥글에 있는 상태에서 양식을 제출하면 다른 페이지로 리디렉션되지만 자동으로 바닥글로 스크롤됩니다. 이제 스크롤하지 않으려면 어떻게 해야 합니까? window.scrollToTop을 사용해 보았지만 작동하지 않고 여전히 아래쪽으로 스크롤한 다음 위쪽으로 스크롤합니다.

P粉550823577 2023-09-15 10:03:57 0  1  473

페이지를 새로 고치지 않고 버튼 클릭 시 PHP 스크립트 실행

PHP와 JavaScript를 사용하는 데 문제가 있습니다. 목표: .js 파일에 있는 HTML 버튼의 이벤트 리스너가 호출되면 페이지를 다시 로드하지 않고 .php 스크립트를 실행해야 합니다. 예상 결과: 버튼을 클릭하면 PHP 스크립트가 실행됩니다. 제 경우에는 URL의 파일이 서버로 다운로드됩니다. 실제 결과: JavaScript 파일에서 PHP 스크립트를 호출하는 방법을 모르겠습니다. AJAX를 사용해 보았으나 아무 효과가 없었습니다. 그리고 JQuery 라이브러리 참조를 어디에 넣어야 할지 모르겠습니다. 나는 또한 양식을 ...

P粉805107717 2024-02-17 12:27:38 0  2  385

Android webview는 원격 페이지와 상호 작용합니까?

원격 서버에서 반환된 페이지는 Android의 webview에 로드됩니다. 이 페이지의 js가 로컬 Android 코드와 상호 작용할 수 있나요?

我想大声告诉你 2017-05-18 10:51:34 0  4  788

인쇄되는 각 페이지에 대해 여백/패딩(HTML/CSS)을 설정하는 방법은 무엇입니까?

내 페이지에 많은 콘텐츠가 있지만 콘텐츠가 중단되는 위치를 제어할 수 없습니다. 머리글/바닥글로 position:fixed를 사용하여 각 페이지에 일부 내용을 넣었는데 텍스트가 겹칩니다. 다음 두 가지 방법으로 margin과 padding을 이용하여 겹치는 문제를 해결해 보았습니다. @page{margin:2cm;}을 사용하여 여백을 추가하면 모든 페이지에서 작동하지만 머리글과 바닥글도 여백에서 사라집니다. 그래서 body 태그 body{margin:2cm;/*paddi를 사용하여 여백을 추가하려고 했습니다.

P粉937769356 2023-10-20 17:34:03 0  1  924

바닥글의 일부가 다른 구성요소로 이동하지만 페이지가 React에서 로드될 때만 해당됩니다.

나는 얼마 전에 코드의 이 부분을 작성했고 다른 페이지에서 작업한 후 다시 돌아와서 이 이상한 동작을 발견했습니다. 구성 요소 바닥글과 기본 구성 요소가 너비를 채우도록 CSS를 변경하려고 시도했지만 작동하지 않았습니다. 또한 div로 래핑을 시도했지만 문제가 지속됩니다. 문제를 보여주는 스크린샷을 확인하세요. 질문 반응 코드를 볼 수 있습니다. 여기에 문제가 재현되지 않습니다 https://codesandbox.io/s/elegant-bhabha-ns7374?file=/src/main.csshome.tsximpor

P粉851401475 2023-09-11 12:41:25 0  1  662

바닥글 CSS 속성이 올바르게 표시되지 않는 문제를 해결하는 방법은 무엇입니까?

내 바닥글에 CSS 속성이 올바르게 표시되지 않습니다. 높이, 무게, 패딩, 오버플로를 변경해 보았지만 아무 것도 변경되지 않았습니다. 코드는 다음과 같습니다.footer{Background-color:black;height:auto;width:100%;padding-top:40px;color:#fff;overflow:auto;padding:20px;float:left;}<!DOCTYPEhtml ><htmllang =&q

P粉670838735 2023-09-15 19:05:11 0  1  529

javascript - iframe이 웹 페이지에 중첩되어 있습니다. 웹 페이지와 iframe 뷰포트가 다릅니다. iframe의 웹 페이지가 변형되는 것을 방지하려면 어떻게 해야 합니까?

웹 페이지: {code...} iframe: {code...} 이제 iframe의 콘텐츠가 변형됩니다. html 및 iframe 콘텐츠의 크기가 변경되지 않으면 어떻게 iframe 콘텐츠가 변형되지 않을 수 있습니까?

迷茫 2017-07-03 11:42:58 0  2  1297

ios - 시작 페이지 광고 및 루트 컨트롤러(UITabBarController)

시작 페이지 광고가 루트 컨트롤러(UITabBarController)와 병렬인 경우 시작 페이지 광고가 처음 로드되거나 마지막에 로드되는지 여부에 관계없이 항상 루트 컨트롤러가 먼저 로드됩니다. 실제로 필요한 것은 시작 페이지 광고를 먼저 로드한 다음(광고 건너뛰기 여부에 관계없이) 루트 컨트롤러를 설정하는 것입니다. 지연을 사용하여 루트 컨트롤러 설정을 시도했습니다(...

扔个三星炸死你 2017-06-24 09:44:19 0  1  1018

특정 Modx 페이지에 CSS 및 Javascript 포함

MailChimp의 최신 뉴스레터를 나열하는 Modx 페이지에 매우 간단한 CSS 및 JavaScript 스니펫을 포함하려고 합니다: <styletype="text/css">.display_archive{font-family:arial,verdana;font -size:12px;} .campaign{line-height:125%;margin:5px;}&

P粉691461301 2024-03-31 10:49:45 0  1  458

javascript - 단일 페이지 애플리케이션 및 라우팅 정보

예를 들어 Vue 및 Angular로 작성된 단일 페이지 애플리케이션 라우팅에 대한 문서에는 # 뒤의 콘텐츠가 서버에서 무시되고 # 뒤의 콘텐츠 기능을 클라이언트에서 구현해야 한다고 나와 있습니다. 라우팅이 명확합니다. 즉, 모든 페이지 또는 구성 요소가 초기화 중에 서버에서 로드된다는 의미입니다. 처음 짐을 싣기에는 무겁지 않을까요?

漂亮男人 2017-06-10 09:48:14 0  1  794

다시 작성된 제목은 바닥글 태그에서 앵커를 클릭하면 JavaScript 코드를 트리거하는 방법입니다.

이것은 내 바닥글 HTML 코드입니다: <footer><div><ahref='a.aspx'>test1</a><ahref='b.aspx'>test2</a></div><ahref= 'c .aspx'>test3</a><footer>'c.aspx'>test3</a><footer>의 링크 전에 항상 Java를 실행하는 방법이 있습니까?

P粉002546490 2023-09-07 13:39:39 0  1  543

동일한 라우팅 경로에 있는 브라우저로 제한되는 Vue3의 다음 페이지 및 이전 페이지 기능을 비활성화합니다.

오늘 저는 문제에 직면해 있어 조언이 필요합니다. {url}/:id와 같은 라우팅 페이지 구조가 있습니다. 내 목표는 사용자가 동일한 경로 내에서 이전 페이지와 다음 페이지로 이동하지 못하도록 하는 것입니다(예: {url}/1에서 {url}/2로). 페이지의 데이터를 변경하기 위해 API를 호출하고 있으며 이에 따라 URL이 변경됩니다. 그러나 사용자가 {url}/:id 앞이나 뒤의 페이지로 이동할 수 있지만 {url}/:id 내에서는 탐색할 수 없기를 바랍니다. 해결책이나 제안을 제공해 주실 수 있나요? 내비게이션 가드가 도움이 ...

P粉002572690 2023-09-06 23:53:05 0  2  703

동적 페이지 보기를 위해 amphtml 및 표준 링크를 추가하는 방법

저는 이 게시물과 이 게시물을 따라 GoogleAMP용 Laravel 웹사이트를 최적화했습니다. 내 웹사이트에서는 경로별로 다른 보기가 표시됩니다. 예를 들어 /는 여러 보기를 바인딩한 후 색인 페이지를 열고, /amp 경로는 색인 페이지의 amp 버전을 가리킵니다. AMP 문서에 따르면 두 페이지는 다음과 같이 표준 및 amphtml 링크를 통해 서로 연결되어야 합니다. <linkrel="canonical"href="/article.html&q

P粉515066518 2024-03-27 23:27:35 0  1  360

페이지를 다른 페이지로 리디렉션하기 위해 HTML 및 JavaScript로 버튼을 만드는 방법

VScode를 사용하여 웹사이트를 만들고 있는데 클릭하면 웹사이트의 다른 페이지로 리디렉션되는 버튼을 만들고 싶습니다. "MENU" 버튼을 클릭하여 새 페이지로 이동하고 싶습니다. 리디렉션하려는 페이지에 대한 새 파일을 만들었습니다. "MENU"를 버튼 역할을 하여 해당 페이지로 이동하는 방법을 잘 모르겠습니다. 저는 VScode에서 JavaScript와 HTML/CSS를 사용하고 있습니다. 그래서 버튼을 누르면 MENU.js로 이동하고 싶습니다. HTML을 사용하여 버튼을 만들려고 했지만 URL...

P粉523625080 2023-08-10 12:14:18 0  1  489

SPA Vue.js에 공통 구성 요소인 머리글과 바닥글을 포함하는 방법

vuejs spa에서 프로젝트를 생성 중입니다/기본 App.vue에 포함하려는 공통 구성 요소 머리글과 바닥글을 만들었습니다. 아래 코드 구조를 공유하고 있습니다. App.vue 파일을 공유하고 있습니다: <template><header></header></template><script>importHeaderfrom'./comComponents/Header.vue'/

P粉821274260 2023-08-28 18:16:20 0  1  589