打印HTML頁面對齊[解決]

我有一個HTML頁面：http://www.newsryde.com/article/1127950 打印HTML頁面對齊[解決]

我一直在使用中實現CSS樣式表：我的CSS的

<link href="/css/jm/v2/print.css" rel="stylesheet" type="text/css" media="print" />

部分說以下內容：

html, 
body{ 
    width:670px !important; /* based upon http://stackoverflow.com/questions/320357/ */ 
    background:white; 
    margin:0 !important; 
    position:relative; 
    left:0; 
}

但是當我去打印時，頁面並沒有將內容與左邊對齊。

我的問題是，如何將非模擬頁面對齊到左邊，使其看起來像模擬頁面？

當我進入DevTools並模擬打印樣式表時，一切都正確地移動到左側，那麼打印效果會很好。這裏有一些截圖，以幫助解釋：

不仿真第一打印預覽： enter image description here

仿真，然後打印預覽： enter image description here

SOLUTION

感謝羅蘭路的跳球關於轉換。我添加了以下到print.css文件的頂部：

*, 
*:after, 
*:before{ 
    -webkit-transition: none !important; 
    -moz-transition: none !important; 
    -o-transition: none !important; 
    -ms-transition: none !important; 
    transition: none !important; 
}

來源

2014-04-01 haxxxton

它工作正常，我在Chrome的Win 7 –

啊，我應該使用OSX具有的即時通訊。將更新的問題，謝謝檢查窗口 – haxxxton

你仍然有這個問題？我有完全相同的問題。

我有一個元素的填充，並希望在打印視圖中將其刪除。我在這個填充的現有轉換中發現了問題。

事情是這樣的：

body { 
    -webkit-transition: padding 0.3s; 
    padding: 20px; 
}

解決方案對我來說是刪除了打印預覽這種轉變。

像：

@media { 
    body { 
    padding: 0; 
    -webkit-transition: none; 
    } 
}

來源

2014-06-18 14:27:51

是的，我仍然得到這個問題。我會嘗試你的建議 – haxxxton

這很好！好的皮卡！謝謝！ – haxxxton

打印HTML頁面對齊[解決]

回答

相關問題