设为首页收藏本站

17nyy 国内著名免费干货分享社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 360|回复: 0

css打印如何处理链接地址

[复制链接]
  • TA的每日心情
    难过
    2020-10-4 20:24
  • 主题

    帖子

    0

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0
    发表于 2019-12-19 21:25:26 | 显示全部楼层 |阅读模式
    关于css控制打印更多内容可以参阅css控制打印内容的样式一章节。
    在打印页面的时候,如果页面中有链接,那么我们应该如何处理呢,下面就介绍一下如何实现此功能。
    代码如下:

    1. /*在超链接后面添加带<http://XXX>的完整地址*/
    2. @media print {
    3.   article a {
    4.     font-weight: bolder;
    5.     text-decoration: none;
    6.   }
    7.   article a[href^=http]:after {
    8.     content:" <" attr(href) "> ";
    9.   }
    10. }
    复制代码


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


    转自:http://www.softwhy.com/article-5612-1.html
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|一起赢 ( 蜀ICP备19039281号-1 )

    GMT+8, 2020-10-29 01:53 , Processed in 0.106664 second(s), 27 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表