CSS打印问题，标题对齐右

我有我的简历页面在https://abiusx.com/cv，我想修改它，这样，当用户想打印，菜单是不可见的，但标题是。CSS打印问题，标题对齐右

的问题是，在打印页面（PDF）的标题（AbiusX）和字幕自动对齐到页面的右侧，并且它是真的讨厌我。不管我用CSS做什么，它都会在那里出现。

2012-04-13 AbiusX

您的@media打印里面添加这个

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

你的CSS默认媒体出现画面时，我用萤火虫和Chrome开发人员工具检查，所以我认为，当它的处理要打印的h1.author定义被省略。

你应该有

产生的@media打印是：

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

来源

2012-04-13 20:29:12 aruiz

你知道为什么这是必要的吗？ – AbiusX 2012-04-13 20:38:02

您所放置的media =“all”选项是用于另一个css文件，而不是包含您需要的标记描述的选项。包含标签描述的css文件是style.css，并且这个包含media =“screen”选项。 – aruiz 2012-04-13 20:43:30

没有工作，似乎没有CSS应用于打印视图 – AbiusX 2012-04-15 08:40:22

使用这个在你的CSS文件

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

例如，你有与不想当你打印到显示.title伪类别的冠军。然后，你必须做到这一点的@media打印：

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

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

来源

2012-04-13 19:40:34 aruiz

我已经这样做了。事实上，我有一个noprint类，可以防止任何东西被打印，但除了旧样式应该驻留在内容上，因为默认媒体是全部的，而不是屏幕。 – AbiusX 2012-04-13 19:44:12

是否尝试在介质打印中添加一个填充权限或边距，并在！标题标签的最后加上！important！（覆盖你以前的风格） – aruiz 2012-04-13 19:49:04

什么与！重要？我用填充和背景颜色和浮动和对齐方式，但没有工作 – AbiusX 2012-04-13 19:49:56

CSS打印问题，标题对齐右

回答

相关问题