使元素成为块元素，但仅用于使用引导程序进行打印

Question

我有两个元素，它们在水平方向上彼此相邻显示，我想在打印时使它们成为块元素。

我尝试过使用.visible-print-block，但它会使该块在浏览器中不可见。如何将元素设置为块元素，但仅限于打印时？

感谢，

托马斯

Answer 1

也许为此创建自己的媒体查询，例如

@media print {
    .print-block {
        display: block;
    }
}

请参阅http://codepen.io/ckuijjer/full/VYaMxd/了解可以测试此内容的codepen

Answer 2

@media print {
    .yourElementsClass{
        display:block;
     }
}