Как установить позицию div относительно другого div только при печати

Question

Я создаю отчет HTML и хочу переместить некоторые div только над другим div @ media print. Или, как я могу установить позицию div, относящуюся к другому?

пример: div_2 снизу вверх div_1 означает

div_2  
div_1

пример: div_2 слева направо от div_1 означает

div_1div_2

Могу я это сделать?

Answer 1

На самом деле я нашел очень хитрое решение, которое позволит вам изменять 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 );
    }
});

Answer 2

Во многих браузерах поддерживается 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;
}