Xóa chân trang khi in html

Nếu bạn không sử dụng Hatch để in, có thể bạn sẽ muốn định cấu hình trình duyệt của mình để Firefox không thêm đầu trang và chân trang vào các mục được in trên một số máy in nhất định. Ví dụ: nếu bạn đang in nhãn gáy sách, có thể bạn sẽ không muốn Firefox thêm ngày hoặc URL vào lề nhãn của mình

Bạn có thể tắt các đầu trang và chân trang này bằng các bước sau

  1. Trong menu Firefox, nhấp vào In… để mở màn hình xem trước bản in
  2. Nhấp vào nút Thiết lập trang…
  3. Chuyển đến tab Lề và Đầu trang/Chân trang
  4. Đảm bảo rằng tất cả menu thả xuống được đặt thành --blank--

Nếu bạn chỉ muốn tắt các đầu trang và chân trang đó cho một máy in cụ thể, hãy làm theo các bước sau

  1. Trong thanh địa chỉ của Firefox, nhập about. cấu hình
  2. Nếu cảnh báo xuất hiện, hãy nhấp vào Tôi chấp nhận rủi ro
  3. Nhập print_header vào hộp tìm kiếm của màn hình này
  4. Nhấp đúp vào các mục print_headerleft, print_headerright và print_headercenter có liên quan trong lưới
  5. Xóa mọi dữ liệu hiện có cho cài đặt đó và nhấp vào OK
  6. Nhập print_footer vào hộp tìm kiếm của màn hình và lặp lại các bước này để cài đặt chân trang

Tôi sử dụng đoạn mã sau để loại bỏ việc in đầu trang và chân trang [URL, trang, ngày, v.v.]

Rõ ràng với mã này, trên trang thứ 2, bản in ở ngay đầu trang

Có cách nào tốt hơn để loại bỏ đầu trang và chân trang với lề bình thường không?

Cảm ơn

   

Trong bài viết này, chúng ta sẽ xem xét các cách tắt đầu trang, chân trang và lề trên trang khi nó được in

Vô hiệu hóa Đầu trang, Chân trang và Lề bằng CSS

Chúng ta có thể vô hiệu hóa tiêu đề, chân trang và lề bằng CSS

Chẳng hạn, chúng ta có thể viết



Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

Chúng tôi đặt một số kiểu cho trang khi được in bằng chỉ thị CSS @page

Chúng tôi đặt



Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

0 thành


Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

1 và đặt


Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

2 thành


Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

3 để loại bỏ lề

Sau đó, chúng tôi đặt các kiểu



Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

4 thành màu nền trắng và không có lề

Và trong phần thân, chúng tôi đặt các kiểu



Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

5 và


Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

2

Chúng tôi đặt thuộc tính



Print Test

@page {
size: auto;
margin: 0mm;
}
html {
background-color: #FFFFFF;
margin: 0px;
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm;
}


Top line

Line 2

7 thành @page0 để đảm bảo các kiểu chỉ được áp dụng khi trang đang được in

Hôm nay, Chúng tôi muốn chia sẻ với các bạn cách xóa đầu trang và chân trang trong in ấn bằng javascript. Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách đặt javascript in tiêu đề/chân trang, nghe đối với javascript in tiêu đề/chân trang của trình duyệt, chúng tôi sẽ cung cấp cho bạn bản demo và ví dụ để thực hiện. Trong bài đăng này, chúng ta sẽ tìm hiểu về Cách thêm đầu trang và chân trang vào trang PDF bằng DOMPDF?

xóa javascript in đầu trang/chân trang

nội dung

  • xóa javascript in đầu trang/chân trang
    • xóa đầu trang và chân trang trong khi in Ví dụ
  • Làm cách nào để Xóa URL khỏi In Trang?
    • Bài viết liên quan

ví dụ 1

@page { margin: 0; }

HOẶC

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

ví dụ 2

    @page 
    {
        size: auto;   /* auto is the default value */
        margin: 0mm;  /* this small affects the margin in the printer some imp settings */
    }

xóa đầu trang và chân trang trong khi in Ví dụ

mục lục. html


    Print To My Web WWW.pakainfo.com
    
        @page 
        {
            size: auto;   /* auto is the main current active printer page size */
            margin: 0mm;  /* this small affects the margin in the printer IMP settings */
        }

        body 
        {
            background-color:#FFFFFF; 
            border: solid 1px black ;
            margin: 0px;  /* the margin style on the data content before printing */
       }
    


  
Welcome Page
Tamilrokers new link

Làm cách nào để Xóa URL khỏi In Trang?

cách đơn giản nhất

@page { 
	size: auto; 
	margin: 0; 
} 


HOẶC
@print { 
	@page :footer { 
		display: none
	} 

	@page :header { 
		display: none
	} 
} 
@media print { 
	@page { 
		margin-top: 0; 
		margin-bottom: 0; 
	} 
	body { 
		padding-top: 72px; 
		padding-bottom: 72px ; 
	} 
} 

Tôi hy vọng bạn có ý tưởng về việc loại bỏ tiêu đề và chân trang mặc định của trình duyệt khi in html.
Tôi muốn có phản hồi về infinityknow của mình. blog com.
Phản hồi, câu hỏi hoặc nhận xét có giá trị của bạn về bài viết này luôn được hoan nghênh.
Nếu bạn thích và thích bài đăng này, đừng quên chia sẻ.

pakainfo

Tôi là Jaydeep Gondaliya , kỹ sư phần mềm, người sáng lập và người điều hành Pakainfo. Tôi là nhà phát triển toàn diện, doanh nhân và chủ sở hữu của Pakainfo. com. Tôi sống ở Ấn Độ và tôi thích viết các hướng dẫn và mẹo có thể giúp ích cho các nghệ nhân khác, một Blogger đam mê, những người thích chia sẻ nội dung thông tin về PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS và Bootstrap ngay từ giai đoạn đầu

Chủ Đề