Question

我的简历页面位于https://abiusx.com/cv，我想修改它，以便当用户想要打印时，菜单不可见，但标题是。

问题是，在打印页面（PDF）上，标题（AbiusX）和副标题会自动对齐到页面右侧，这真让我烦恼。无论我对css做什么，它都会在印刷品上出现。

Answer 1

在@media print

中添加此内容

h1.author { 
          text-align:center; 
          margin:auto; 
          margin-top:5px; 
}

当我使用firebug和chrome开发人员工具检查时，您的css默认媒体显示为屏幕，所以我认为当处理打印时，h1.author定义被省略。

你应该得到的@media打印是：

/* print media */
 @media print {
.noprint {
    display:none;
}
    h1.author {
        text-align:center;
        margin:auto;
        margin-top:5px;
    }
}

Answer 2

在你的css文件中使用它

@media print
{
  //put here the css you want for printing.
}

例如，您有一个带有.title类的标题，您不希望在打印时显示该标题。然后你必须在@media print中执行此操作：

@media print
{
     .title{
            display: none;
      }
}

在这里，您可以尝试为您提供所需格式的标题和副标题。

CSS打印问题，标题对齐

2 个答案: