打印頁面時的樣式問題

我想要顯示頁面的打印預覽時遇到問題。這是它在瀏覽器中的外觀。打印頁面時的樣式問題

enter image description here

，這是它的外觀時，我vizualize以前的形象我想打印。

enter image description here

這些是我使用的樣式。並用「media ='print'」進行探測。還加入！重要;在風格年底

<!-- Latest Bootstrap min CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/bootstrap.min.css">  
    <!-- Google Font --> 
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>  
    <!-- Font Awesome CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/fonts/font-awesome.min.css"> 
    <!-- magnific popup CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/magnific-popup.css"> 
    <!-- timeline CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/timeline.css"> 
    <!-- animate CSS -->   
    <link rel="stylesheet" href="/REDRIM/assets/css/animate.css">  
    <!-- Style CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/style.css">  
    <link rel="stylesheet" href="/REDRIM/assets/css/responsive.css"> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/print.css" media="print">

我想是去除標籤

a{outline: none !important; 
    color: #337ab7; 
    text-decoration: none; 
    background-color: transparent;}

嘗試下面的樣式上出現的鏈接，但生成預覽打印仍然出現時，我聯繫。

來源

2016-09-28 Zadot

你的樣式表中可能有一些東西讓它在圓括號中打印鏈接。刪除，看起來像這樣的代碼：

a[href]:after { 
    content: " (" attr(href) ")" 
}

或者你可以用這個替代它：

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

來源

2016-09-28 17:22:45

這就是答案：這些鏈接不只是展示自己了。它們就像這樣被CSS放在那裏。最好找到該CSS並將其消除。重寫它將會起作用，但是然後你無意識地坐在某個地方，等着以某種意想不到的方式咬你。 –

謝謝......我工作過。但最後只是刪除了文件「bootstrap.min.css」中的幾個標籤「@media print」。不管怎樣，謝謝。 – Zadot

你不應該從引導樣式表中刪除代碼，因爲你不知道它會有什麼效果。最好只寫自己的自定義樣式表並引用那個比bootstrap優先的樣式表。 –

打印頁面時的樣式問題

回答

相關問題