如何僅在打印時相對於另一個 div 設置 div position

Question

我正在構建一個 HTML 報告，我想將一些 div 移動到另一個 div @ media print 之上。 或者，如何設置與另一個相關的 div 的 position？

例子：div_2's bottom to top of div_1 表示

div_2  
div_1

示例：div_2 的從左到右表示 div_1

div_1div_2

我可以這樣做嗎？

Answer 1

在許多瀏覽器中支持flexbox

<div class="d0">
   <div class="d1"></div>
   <div class="d2"></div>
</div>

EX1：

.d0 {
  display: flex;
  flex-direction: column-reverse;

}

EX2：

.d0 {
  display: flex;
}

Answer 2

實際上，我發現了一個非常棘手的解決方案，它可以讓您在打印時更改 div 並在需要時添加分頁符。 解決方案是使用 Js

    jQuery(document).bind("keyup keydown", function(e){
    if(e.ctrlKey && e.keyCode == 80){
        fd = document.getElementById( '1_div' );
        sd = document.getElementById( '2_div' );
        sd.parentNode.insertBefore( sd, fd );
    }
});