打印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页面对齐[解决]

回答

相关问题