page-break在IE上列印不分頁問題
在列印的時候我們經常使用CSSpage-break-after: always;
來分頁,如下。最近在做列印分頁的時候發現IE11和其他主流的瀏覽器有一點細微的差別。
.page-break {
page-break-after: always;
}
IE列印時,在浮動的元素上新增分頁的樣式,列印結果將不會分頁
具體HTML程式碼如下:
<div style="float: left;"> <p class="page-break">這個是第一頁的內容</p> <p>這個是第二頁的內容</p> </div>
在谷歌瀏覽器上是正常分頁顯示的,在IE11中並沒有分頁,顯示如下:
由於這種不一致的特性,我們要儘量避免page-break
和浮動混用在一起。特別需要注意的是,有的庫中的一些樣式是帶有浮動的,也應該避免,比如bootstrap
中的col-lg-12
等樣式。
相關推薦
page-break在IE上列印不分頁問題
在列印的時候我們經常使用CSSpage-break-after: always;來分頁,如下。最近在做列印分頁的時候發現IE11和其他主流的瀏覽器有一點細微的差別。 .page-break { page-break-after: always; } IE列印時,在浮動的
vue-列印當前頁面為pdf檔案(不分頁----一頁)
1、npm 安裝 npm install jspdf --save npm install --save html2canvas 2、在需要列印的頁面匯入 import html2Canvas from “html2canvas”; import JsPDF from “jspdf”; 3、
Mybatis Plus 分頁工具 不分頁的解決辦法
萌新一枚 希望能幫到其他萌新把. 第一步就是寫Dao層的時候寫介面的時候一定要在引數裡面新增分頁 在Service 要例項化 Page page 頁碼 前端要顯示第一頁就給他1 ,下一頁就是2了 PageSize 顯示的條數
Pagehelper 不分頁幾種情況的解決方法
第一種情況: mybatis 引入版本不對 <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-sp
頁面上拉載入資料(也就是上拉實現分頁)
之所以發這個部落格是因為網上百度了太多 沒法直接套用 所以寫這個 可以直接套用 先上程式碼截圖 <script type="text/javascript"> //最大頁數 var mix = "${pageInfo.pages}"; var pa
NPOI匯出EXCEL 列印設定分頁及列印標題
在用NPOI匯出EXCEL的時候設定分頁,在網上有查到用sheet1.SetRowBreak(i)方法,但一直都沒有起到作用。經過研究是要設定 sheet1.FitToPage = false; 而這個屬性預設是true的,怪不得一直設定都不起作用。 設定列印標題用
springMVC分頁於不分頁控制層方法的區別
1.不分頁 @RequestMapping(value="/oneQuery",method = RequestMethod.POST) @ResponseBody public St
HTML網頁列印實現分頁列印功能
<html> <head> <title>頁面列印</title> <!--media=print 這個屬性在列印時有效 有些不想打印出來的分頁列印的都可以應用這類樣式進行控制 在非列印時是無效的(可從列印預覽
pagehelper 不分頁的一種解決方法
關於ssm框架pagehelper不分頁的一種解決方法 要在模態框彈出的頁面裡將查詢的資料進行分頁,可是分頁始終起不到效果。起初我的controller是這樣的: 這是我的service: 我在網上看到了這種解決方法: 解決方法-引用其他博主的部落格的解決方
Excel列印設定分頁首行重複顯示
1.sheet.Names.Add(new WorksheetNamedRange("Print_Titles", "=R3:R4", false)); //對列印頁面進行設定,此處為設定每頁的首
js表格列印自動分頁demo
本文翻譯自: How Does setState Know What to Do? 原作者:Dan Abramov 如果有任何版權問題,請聯絡[email protected] 當你在元件中呼叫setState時,你覺得會發生什麼? js匯出exc
web頁面列印 支援分頁列印
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%...@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%><%...@ taglib uri
jqGrid應用SpringMVC以及分組彙總-不分頁
jsp 匯入JS/CSS: <link rel="stylesheet" type="text/css" media="screen" href="scripts/jquery.jqGrid-4.6.0/css/ui.jqgrid.css" /> <scr
帆軟擴充套件後分組 ,對分組排序 (且橫向不分頁)
1 .擴充套件後分組 排序 (1)橫向可以直接排 帆軟某一個欄位擴充套件後進行排序,可以對於橫向擴充套件的年月分組後,然後繼續進行排序,右下角“擴充套件後” A_ Z Z-A ,然後在F(x)中輸入要排序的單元格,或者是相應的函式 (2
cognos本頁合計+本表合計,不分頁顯示
1.需求: 1.每三十條資料做一次合計,外加一個本表合計 2.並且每三十條資料後要加說明 如圖: 2.實現過程 1.拖入列表,並且按照分組序號進行分組 2.選單-結構-頁首和頁尾-列表頁首和頁尾 3.只選中分組序號的頁首和頁尾 4.插入單元格 6 方框型別無
使用page-break-after:always實現頁面分頁列印
最近碰到一個需求,需要前端將在一個頁面內呼叫瀏覽器的window.print()方法,列印當前頁面。但是呢,需要將三個DIV分頁列印: <div style="height:290mm">我是封面</div> <div sty
mybatis一對多及分頁可能存在的問題即關聯查詢分頁問題,巢狀的list中數量對不上
專案中遇到了一個小問題,在此記錄下,方便以後程式碼複用並且能快速排查這個小問題。 需求如下:評論和回覆是一對多的關係,並且根據評論進行分頁查詢,至於回覆數量不做限制,有多少就查多少。 存在問題:由於兩張表是用連線查詢,所以對於同一條評論存在多條回覆的情況,那麼用sql查詢出來的數量應該是由回
dwz配合分頁外掛的帶有條件上一頁下一頁(保證資料體系不變)
//無form的 listUi.jsp: 一般情況下有form,在查詢後返回查詢條件即可,(下一頁,上一頁時會自動呼叫這個form的action) 在特殊情況下:沒有form,當前頁面本來就是前面的條件查出的list,這樣點選下一個是由於沒有form沒有地方可跳轉,2,即使自己 加了一個form,用了相應
react-native-page-listview使用方法(自定義FlatList/ListView下拉重新整理,上拉載入更多,方便的實現分頁)
react-native-page-listview 對ListView/FlatList的封裝,可以很方便的分頁載入網路資料,還支援自定義下拉重新整理View和上拉載入更多的View.相容高版本FlatList和低版本ListVIew.元件會根據你使用的re
PHP---分頁類(page.class.php)
rst pagelist null .class ota bsp gen agen foreach 1 <?php 2 class Page 3 { 4 private $total; //數據總記錄數 5 priva