美文网首页
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打印如何处理链接地址

    关于css控制打印更多内容可以参阅css控制打印内容的样式一章节。 在打印页面的时候,如果页面中有链接,那么我们应...

  • CSS 打印功能

    相关资料参考: 如何在 css 中设置打印分隔页: 参考资料: CSS 打印 前端打印功能css print

  • Webpack4学习笔记(四)——CSS处理

    本文github地址。 最基本的CSS处理 Webpack最基本的css处理:css-loader + style...

  • webpack打包css文件-postcss-自动增加前缀

    什么是PostCss链接地址postcss和less sass不同,他不是css预处理器,PostCSS是一款使...

  • css背景

    链接地址:http://www.w3school.com.cn/css/css_background.aspCSS...

  • CSS 链接

    链接地址:http://www.w3school.com.cn/css/css_link.asp链接的四种状态:a...

  • less常用语法总结

    CSS预处理器 原文链接[https://efe.baidu.com/blog/revisiting-css-pr...

  • css文本

    链接地址:http://www.w3school.com.cn/css/css_text.asp文本属性:colo...

  • webpack学习记录

    学习链接: https://doc.webpack-china.org/concepts/webpack处理css...

  • 第四章程序编译链接(1)

    程序装入和链接程序进内存的一般过程: 地址程序装入中的地址处理 不同程序链接装入 逻辑地址也叫相对地址虚地址 物理...

网友评论

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

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