XOOPS輕鬆架

Tad Tools 工具包

有關 bootstrap 配合列印的問題

2014-03-13 21:33:57

prolin

在分享的模組中，都只設定為

.../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 >

2014-03-13 21:35:46

prolin

討論區有反斜線問題，上面的反斜線要記得去除！

2014-03-15 10:22:20

prolin

上述的方法，在太複雜的版面會出問題。
把不列印區塊改用正向列表，會比較正確。
以輕鬆架的預設樣版來說，可以如下設定，不列印出上下左右的版面。
@media print {
a[href]:after {
    content: none;
}
.navbar , #ResponsiveSlides ,#leftBlock ,#rightBlock , #tf-footer , {
    display: none;
    }
}
</style >

但如果換了不同樣版，可能就得再做調整。