:::
Tad Tools 工具包

有關 bootstrap 配合列印的問題

discuss pic 2014-03-13 21:33:57
在分享的模組中,都只設定為
.../css/bootstrap.css}>\" rel=\"stylesheet\" media=\"screen\"> 
建議能修改成 
....media=\"all\"> 
最近在寫個程式,要能直接列印出來(去除外部樣版),找了些資料,也許有人需要:
加入這部份 css ,在可以列印的區域中加入  <div id=\'printableArea\'> ,代表除了這區塊,其他都不會列印。
<style type=\"text/css\">
@media print {
 body > *:not(#printableArea) {
    display: none;
    }
}
</style >

discuss pic 2014-03-13 21:35:46
討論區有反斜線問題,上面的反斜線要記得去除!
discuss pic 2014-03-15 10:22:20
上述的方法,在太複雜的版面會出問題。
把不列印區塊改用正向列表,會比較正確。
以輕鬆架的預設樣版來說,可以如下設定,不列印出上下左右的版面。
@media print {
  a[href]:after {
    content: none;
  }
 .navbar , #ResponsiveSlides ,#leftBlock ,#rightBlock , #tf-footer , {
    display: none;
    }
}
</style >

但如果換了不同樣版,可能就得再做調整。
discuss pic 2014-03-17 09:23:47
tad
感謝,下一版加入
:::

快速登入


http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_discuss%2Fdiscuss.php%3FBoardID%3D6%26DiscussID%3D288

計數器

今天: 149149149
昨天: 3216321632163216
總計: 8046143804614380461438046143804614380461438046143