Vin*_*abb 5 html css printing google-chrome
在 Chrome 中,当 div 缩小时,一切看起来都很好,直到我单击打印。单击打印后,会在随机位置添加额外的空格。如果空格位于文本内部,则其高度为一行,或者如果在图像之前引入,则其高度与图像相同。
我有一个简单的例子,它只是 div 中的文本。乍一看,这个例子看起来是正确的;但单击打印后,打印预览会在第二段中添加一个空格,该空格在打印对话框关闭后仍然保留。
此行为不会发生在 Firefox 或 IE 中。
示例: http: //jsfiddle.net/5tovueyt/1/
HTML 代码:
<a href="javascript:window.print();">Print</a>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie, mi vitae tincidunt posuere, est lorem dictum dolor, et sollicitudin leo felis at mauris. Ut finibus rutrum leo, vel tristique purus maximus a. Curabitur vitae lacinia lacus, at ornare neque. Integer ut fringilla libero. Donec tristique quam eget diam convallis, vitae sollicitudin lectus malesuada. Vestibulum euismod at ligula ut malesuada. Praesent tempor, dui vitae semper imperdiet, risus arcu auctor ligula, in commodo quam metus in eros. Sed non nibh a lorem auctor congue sit amet sed mauris. Sed molestie ullamcorper lacinia. Praesent pharetra felis mollis orci consequat, et dapibus purus condimentum.
<br><br>
Maecenas lobortis elit eu eleifend facilisis. Ut quis facilisis lorem. Integer dapibus lectus nec turpis vehicula posuere. Vestibulum mattis ac nisi sed dictum. Fusce placerat massa sit amet urna lacinia, vitae posuere turpis hendrerit. In blandit, orci mattis rhoncus elementum, arcu dui elementum nisi, at luctus urna mi non leo. Nulla ullamcorper et leo ut bibendum. Praesent et lectus sapien.
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
div {
font-size: 48pt;
transform: scale(0.25);
transform-origin: 0 0;
width: 2000px;
}
Run Code Online (Sandbox Code Playgroud)
单击打印之前:
单击打印后:(多余的空格以红色突出显示)
有谁知道为什么会发生这种情况?这是 Chrome 中的错误吗?有什么办法可以防止这种情况发生吗?
归档时间: |
|
查看次数: |
371 次 |
最近记录: |