css - CSS打印问题，标题右对齐

Question

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

问题是，在打印页面 (PDF) 上，标题 (AbiusX) 和副标题自动对齐到页面的右侧，这真的让我很烦。无论我用 css 做什么，它都会打印出来。

Answer 1

将此添加到您的@media 打印中

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

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

你应该得到的@media print 是：

/* 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 打印中执行此操作：

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

在这里你可以尝试给你标题和副标题你想要的格式。