K'隨手記

例如：

頁面具有下列連結

<a href="http://www.mysite.com">我的網站</a>

執行預覽列印時會發現，本來畫面只應該出現 [我的網站]文字，但是卻變成如下

我的網站(http://www.mysite.com)

原因：在bootstrap.css中有設定列印超連結網址

@media print{

    a[href]:after{

       content:" (" attr(href) ") ";

   }

}

解決辦法：

自行於Bootstrap CSS之後，再自行定義列印規則

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="bootstrap-responsive.min.css">

<link rel="stylesheet" type="text/css" media="print" href="myPrint.css">

myPrint.css定義：

@media print {
    a[href]:after {
      content: none !important;
   }
}