在 Firefox 中，打印带有锚标记的页面时，链接位置打印在文本之后

Question

例如，

<a href="../somepage/page.aspx?qs=asdf">Text Here</a>

将打印为...

---

Text Here(../somepage/page.aspx?qs=asdf)

---

在 IE 中，它看起来很正常（不打印 url）。有什么想法为什么会这样吗？

Answer 1

只需将其添加到您的布局页面（母版页）中

a[href]:after {
        content: none !important;
    } 

Answer 2

在链接旁边打印 url 也有语义原因。
假设您打印没有 url 的文档。您不能确定完全理解作者的意思。

引用也可能需要打印源代码。这对于学术文本来说很重要。

事实上，布雷特的回答是正确的。

Answer 3

您可以通过在打印样式链接上包含媒体属性来完全避免屏幕上的此问题，如下所示

<link href="../../Content/blueprint/print.css" rel="stylesheet" media="print" type="text/css" />

Answer 4

从 Brett 的答案推断，在 Firefox 25 上，这种 CSS 样式删除了有问题的 href：

@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
    }
}

Answer 5

另外，如果您使用 Twitter Bootstrap 作为框架，那么：

a[href]:after{
    content:"";
}

... 就可以了！ （至少在引导程序 3 中）

Answer 6

答案就在我们正在使用的 CSS 框架（Blueprint）中。样式文件中有以下行：

a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%}

我猜这可能会对使用蓝图的其他人有所帮助。

Answer 7

如果您想要更具体 - 例如删除表中的链接，那么您可以使用 jQuery 执行以下操作。

$(".tableclass tr td a").removeAttr("href");