Hướng dẫn how do i make a page break dynamic in html? - làm cách nào để tạo ngắt trang động trong html?

Tên

Trang-BREAK-SUFTER, PAGE-BREAK-BEFFORT-NN N/A IE 4 CSS 2 n/a IE 4 CSS 2

Tóm tắt

Kế thừa: Không

Xác định cách nội dung nên xử lý một trang bị hỏng xung quanh một phần tử khi tài liệu được gửi đến máy in. Việc ngắt trang không được hiển thị trong trình duyệt trực quan vì chúng có thể nằm trong các chương trình xử lý văn bản; Trên màn hình, nội dung dài chảy trong một cuộn liên tục.

Các trang bị hỏng (và các thuộc tính liên quan như widows và orphans) được xử lý đầy đủ hơn trong CSS2 so với được triển khai trong Internet Explorer 4. Xử lý đúng các trang cho máy in dựa trên khái niệm CSS2 của hộp trang, là một vùng hình chữ nhật cuối cùng đạt đến một trang in. Các thuộc tính kiểu ngắt trang giúp trình duyệt kiểm soát nội dung chính xác của mỗi hộp trang. Không có bất kỳ sự trợ giúp nào (hoặc với cài đặt auto), trình duyệt chia các trang để in nhiều như trong quá khứ bằng cách thực hiện phù hợp nhất để nội dung lấp đầy nhiều của mỗi trang như có không gian cho nó.page box, which is a rectangular region that ultimately reaches a printed page. Page break style attributes help the browser control the precise content of each page box. Without any assistance (or with the auto setting), the browser divides pages for printing much as it has in the past by doing a best-fit for the content to fill up as much of each page as there is space for it.

Để buộc một trang phá vỡ phía trên một phần tử, liên kết cài đặt kiểu

Sau đó, bất cứ khi nào bạn muốn buộc một trang bị hỏng trong tài liệu, hãy bao gồm thẻ sau:

Cài đặt thuộc tính cho

Tôi có một dữ liệu trên trang màn hình in. Tôi muốn chia dữ liệu đó thành một trang và sau đó một dữ liệu khác nên được in trên một trang khác. Nó có nghĩa là dữ liệu không nên được chia. Nội dung của tôi là năng động. Đây là ảnh chụp màn hình vấn đề của tôi ...

Trang bình thường

Trang in

Đây là mã demo của tôi ..

                

                  

                    

                        lang->line('requisition_data');?>
                    
                    

                      

                        

                           $value) { ?>
                            

                              

                                  

                                      

                                      

                                      

                                  
                              
                            
                            
                        
                      
                    
                  
                
              

Tôi cũng đã thử liên kết giải pháp này ..

Làm thế nào để thêm trang phá vỡ trang dyanamaly vào trang?

Nhưng nó không hoạt động tốt với mã của tôi ..

Đã hỏi ngày 3 tháng 11 năm 2016 lúc 7:44Nov 3, 2016 at 7:44

3

thử cái này. Đó là công việc cho tôi. Phần ba nên được in trên trang 2.

style="page-break-after: always;"

Chúng ta không thể chia một đoạn văn nếu mỗi đoạn có cùng cha mẹ.

    Section 1


    

        

            

                

                    

                        

                            
Section 2
                            
description...
                         
                     
                 
             
         
     
 

     Section 3
 

Đã trả lời ngày 3 tháng 11 năm 2016 lúc 8:24Nov 3, 2016 at 8:24

Panup Pongpanup PongPanup Pong

1.8172 huy hiệu vàng22 Huy hiệu bạc43 Huy hiệu đồng2 gold badges22 silver badges43 bronze badges

2

Vui lòng thử sử dụng mã này:

.Css

@media all {
    .page-break { display: none; }
}
@media print {
    .page-break { display: block; page-break-before: always; }
}

.Html

Đã trả lời ngày 4 tháng 11 năm 2016 lúc 10:28Nov 4, 2016 at 10:28

VjyvvjyvVjyV

3462 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges

1

Trang động là gì

Làm thế nào để bạn mã hóa một trang

Làm thế nào để bạn tạo ra động lực trong html?

Làm thế nào để bạn đặt một trang