扫描二维码,下载安卓APP
下载安卓APP箭头
客服QQ
箭头给我发消息

客服QQ:2698585038
论坛 >编程语言 >打印样式CSS的技巧和要点

打印样式CSS的技巧和要点

为了部落发布于 2017-11-09 09:43查看:8988回复:1

     扩展打印样式里的超链接

        如果直接打印,超链接将只是一点文字,而不会出现链接的网址,这样来说,是没有意义的。

        我们可以将url链接展示在打印的页面上,我们可以使用:after伪类来实现而不影响周围的元素布局:

image.png

        看下面这是HTML:

image.png

        下面是显示的效果:

image.png

        其中一个问题是,打印页面上的锚文本和图像链接也将扩大。我们可以很好的用CSS规则修复。

image.png

        链接周围图像是比较麻烦的,理想的情况是图像周围的链接将有一个class。

image.png

        CSS选择器实现将很简单:

image.png

        所有这些方法都假定用户将继续通过手工输入网址。 一个更好的解决方案是通过提供匹配的QR码的数字版本的页面更容易访问。

收藏(0)0
查看评分情况

全部评分

此主贴暂时没有点赞评分

总计:0

回复分享

版主推荐

    共有1条评论

    • 课课家运营团队
    • Mr ken
    • YUI
    • cappuccino
    • mr jack
    • IT宅男
    • Mright
    • 选择版块:

    • 标题:

    • 内容

    • 验证码:

    • 标题:

    • 内容

    • 选择版块:

    移动帖子x

    移动到: