美文网首页
css打印如何处理链接地址

css打印如何处理链接地址

作者: videring | 来源:发表于2019-09-28 22:43 被阅读0次

    关于css控制打印更多内容可以参阅css控制打印内容的样式一章节。

    在打印页面的时候,如果页面中有链接,那么我们应该如何处理呢,下面就介绍一下如何实现此功能。

    代码如下:

    /*在超链接后面添加带<[http://XXX](http://xxx/)>的完整地址*/
    
    @media print {
    
    article a {
    
    font-weight: bolder;
    
    text-decoration: none;
    
    }
    
    article a[href^=http]:after {
    
    content:" <" attr(href) "> ";
    
    }
    
    }
    

    显示效果可能是下面这种形式:

    相关文章

      网友评论

          本文标题:css打印如何处理链接地址

          本文链接:https://www.haomeiwen.com/subject/jxefuctx.html