CSS 打印页面时,显示所有链接地址

阅读(4852)

打印的网页,失去了交互性,有些没有写明地址的文本链接就失去了原本的意义。

使用下面的方式,将正文中所有链接的地址,在链接文字的后面,同时输出打印,会方便用户。

这对文章类型页面尤其有用。


@media print {
     #main-content a[href]:after { " (" attr(href) ") "; }
}

via: https://css-tricks.com/css-content/

Tags: