html - 打印网页时 float 的div彼此相邻

Question

我有一个网页，其中显示成对的元素

[ item 1 ] [ item 2 ]
[ item 3 ] [ item 4 ]
[ item 5 ] [ item 6 ]
[ item 7 ] [ item 8 ]

在浏览器中很好，但我希望它们在打印页面上显示如下。当按 ctrl+p 时，预览会依次列出它们。

[ item 1 ] 
[ item 2 ] 
[ item 3 ] 
[ item 4 ] 
etc...

我该从哪里开始呢？我在这个问题上的谷歌搜索很弱:(

Answer 1

利用媒体查询:

内联使用它们:

<link rel='stylesheet' media='print' href='filepath.css'/>

在组合的 css 文件中使用它们。

@media print {
    /* CSS Styling for the print page */
}