Shulou(Shulou.com)06/03 Report--

This article mainly introduces "CSS how to achieve WEB page forced pagination printing", in daily operation, I believe many people in CSS how to achieve WEB page forced pagination printing problems have doubts, Xiaobian consulted all kinds of information, sorted out simple and easy to use operation methods, hope to answer "CSS how to achieve WEB page forced pagination printing" doubts helpful! Next, please follow the small series to learn together!

In B/S programs, CSS is relatively weak in controlling print pages, such as automatic paging, which is basically useless. We usually need to force browser pagination when we need it, so we can use the following styles:

﹤style type="text/css"﹥.w3cbbs { page-break-after:always;}﹤/style﹥

auto: Has no effect on page splitting.

always: Forces page breaks to appear after elements.

avoid: Avoid page breaks after elements.

Left: Insert a page separator after an element until it reaches a blank left margin.

right: Insert a page separator after an element until it reaches a blank right margin.

inherit: Use the same attribute values as the parent element.

When web printing pagination, you can insert labels where pagination is needed.

p class="w3cbbs"

However, when using it, you may encounter IE to be able to page normally, but Firefox has no effect. After analysis, it was found that when using the page-break-after attribute in Firefox, it was not possible to put all the printed content in one table. This means that Firefox cannot disconnect tables. So using page-break-after for paginated printing in Firefox, to avoid putting the printed content in a table, the alternative is to put the content in a DIV.

At this point, the study on "CSS how to achieve forced page pagination printing" is over, hoping to solve everyone's doubts. Theory and practice can better match to help everyone learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.