html - 打印页面会导致表格错位

标签 html css printing alignment tabular

我有一个我公司用来记录工时的 Web 应用程序,它在打印表格时表现异常。

一个页面显示一个特定时间段的总计表,看起来不错。

这是表格的屏幕截图:

enter image description here

仅在浏览器中查看时看起来不错。

调用 window.print() 时出现问题。然后表格显示如下:

enter image description here

抱歉,屏幕截图较小,我无法像第一个那样捕捉它。

问题来了,我不确定如何解决。

我会根据需要提供更多详细信息。

有人可以帮助阐明这个问题吗?

jsFiddle

最佳答案

也许您想看到类似 THIS 的内容

问题出在您的 CSS 文件中,这是您应该处理的方式:

.report td:not(:first-child) {
        text-align:left // it was set to right
    }

关于html - 打印页面会导致表格错位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21839424/

相关文章:

jquery - 鼠标悬停和 addClass jQuery 示例

html - 对齐问题和文本间距

Xcode:将 Storyboard导出为图像

python - 如何在Python中分开打印系数和指数?

CSS:Flex Box 不在 Firefox 上打印所有页面

html - 我无法在页面顶部设置导航栏

javascript - 如何更改数据表中的行颜色?

html - 按钮不会随 div 中的 block 级文本移动

html - 如何确定哪些 html 元素正在使用某种字体?

javascript - 如何用js动态导入css?