css列印如何處理連結地址

antzone發表於2017-04-03
CSS

關於css控制列印更多內容可以參閱css控制列印內容的樣式一章節。

在列印頁面的時候，如果頁面中有連結，那麼我們應該如何處理呢，下面就介紹一下如何實現此功能。

程式碼如下:

[CSS] 純文字檢視 複製程式碼
/*在超連結後面新增帶<http://XXX>的完整地址*/
@media print {
  article a {
    font-weight: bolder;
    text-decoration: none;
  }
  article a[href^=http]:after {
    content:" <" attr(href) "> ";
  }
}

顯示效果可能是下面這種形式:

a:3:{s:3:\"pic\";s:43:\"portal/201704/03/090446nxkkxkqxz0z0o66o.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章