狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

在網頁設計中，表格經常用到百分比，表格在瀏覽器中展示，這個百分比是相對于瀏覽器的。
還有div，各種浮動之類的相對位置，也有的用到百分比。
而在LODOP打印中，百分比是相對于紙張的。
LODOP中打印項的寬高也可以用百分比，如果內容再是百分比，那就是相對于紙張的，可實現紙張不同，都能滿頁打印的效果，但是隨著紙張不同，內容在表格中的寬度高度變化，經常會導致變形。

表現為不同紙張效果不同，表格寬度和列寬不同，有時候自定義紙張沒有生效，導致同一個任務同樣代碼，紙張之間有差異，可打區域有差異，就會影響樣式。
這時候需要排查樣式，以及樣式是否生效，寫法是否正確等，如何直接排查出樣式是否和容器有關系？
可以進入打印設計，然后選中該 超文本打印項，右鍵-設置屬性里，找到實際代碼 ，拷貝出來放到ie里，在ie里查看效果，然后拖動ie瀏覽器窗口，讓瀏覽器窗口逐漸變小，變大，查看樣式是否會受容器的影響。
（相關博文：Lodop打印控件傳入css樣式、看是否傳入正確樣式）
如果一個用戶打印預覽，發現div位置相互錯位，tatble表格錯位等，很可能是本身設置的css樣式和容器有關，在瀏覽器和紙張中由于容器的位置，導致位置和樣式差異。
例如：
該文代碼圖示1：table設置了寬度為100%，單元格沒有設置寬度，兩個表格內容稍有差異，就造成了表格錯位。
該文代碼圖示2：table設置了寬度為100%，單元格設置了寬度，兩個表格在瀏覽器里正常，但是紙張由于小于瀏覽器，導致換行，行數不同，導致兩個表格錯位。（該問題會表現為在ie瀏覽器里打開，兩個表格是對齊正常的，但是在LODOP預覽中發生錯位。）PS：其實這個問題，在 瀏覽器里，改變瀏覽器大小也能看到錯位現象。

（由于該問題在ie瀏覽器打開直接查看表格是沒有錯位的，只在lodop語句的時候錯位，所以容易被忽視，這個其實也是css樣式問題，拖動瀏覽器大小其實也是能看到錯位現象的。只是由于用ie直接打開是正常的無錯位，所以經常被誤認為樣式沒有問題。）要大范圍的拖動，并且第一個單元格的內容導致了換行。一個換行一個沒有換行，這兩個樣式一樣的表格就會錯位。

該問題可能和瀏覽器解析有關，實際單元格寬度沒有完全生效，但是表格又設置了100%，拖動也影響了單元格。這個問題排查了一段時間才找到這個現象，感覺比較奇怪，可能和瀏覽器樣式的優先級機制等有關。兩個相同的表格，表格大小都是100%，樣式一樣，單元格寬度設置的也是一樣的，算是樣式一模一樣的表格，但是根據內容差異，寬度拖動小導致其中一個表格換行，寬度增大不會錯位都是一行，這個錯位是瀏覽器寬度拖動的越能看出錯位。

解決方法：1.盡量統一成一個表格。
2.查看lodop內部解析的html信息，見http://www.c-lodop.com/faq/pp8.html
排查樣式問題，調試樣式 ，更換樣式。
用不隨容器或內容導致樣式不同的影響，不受容器影響，不受內容影響的樣式。

不受容器影響的tabe樣式：table標簽本身加固定的寬度，每個單元格加固定的寬度。（這種容器怎么辦，表格和單元格寬度都不會變）可查看相關博文：如何固定table表格寬度，樣式不受容器影響（注意，寬度固定后，不能自適應紙張，寬度超過紙張不會顯示，可根據紙張進行設計表格，而不是根據瀏覽器）

隨著紙張不同，錯位的程度也不同，和瀏覽器窗口改變導致的錯位一樣。
代碼圖示1：
代碼 ：

代碼1的圖示1：

代碼圖示2：瀏覽器頁面不錯位，LODOP預覽發生錯位。（雖然兩個表格樣式一樣，但是其中一個由于總寬度縮小導致了換行，兩個表格發生錯位）

代碼 ：

圖示：

該問題也是 css樣式問題，需要排查樣式，用不受容器影響的樣式，或根據紙張大小，設定對應的樣式，而不是瀏覽器的大小。此外，出現其他樣式問題時，也可用刪減樣式，做小例子等方式排查，個人是（排查方法：）先刪減排查，把能這個問題以最簡單的形式摘取處理，然后做例子對比，找到原因。因為聽說樣式一模一樣，ie打開也正常，但lodop打印發生錯位，比較奇怪，要了例子來試試，排查了一下，這種樣式確實有這個現象。

進一步測試發現，當table表格加寬度為100%的時候，實際設置的單元格寬度是無效的，表格抵達了瀏覽器右側布滿狀態。
當去掉table的百分之百寬后，table本身不設置寬度，單元格每個設置了寬度，寬度是有效的，但是如果把瀏覽器窗口拖小，還是能發現錯位現象。
所以最好的保證table絕對不會變形的方法，就是給table標簽本身設置固定的寬度，標簽里每個單元格設置固定的寬度，這樣的樣式絕對不會變形，即使拖動瀏覽器，table也會保持原來的寬度，單元格保持原來的寬度。