Flexbox和Edge:打印时,Flex方向不起作用

时间:2018-08-03 16:54:22

标签: html css printing flexbox microsoft-edge

我正在尝试修改打印页面的布局。我的侧边栏中有内容,应该在打印时显示在文章之前。在下面的示例中,这在Chrome中可以正常运行。

how it's supposed to work

但是由于某种原因,在Edge中(令人惊讶的是...),它不会将内容添加到页面1的开头,而是将其随机添加到页面3的开头。部分。不知道为什么会这样。

displayed in Edge

此内容位于: https://www.bipc.com/california-privacy-bill-big-implications-for-us-businesses-part-i

我在本节中使用的CSS如下。 .layout-sidebar 仅指包含侧边栏的内容区域,而 .row 指包含2个子 .col-content 和 .col-sidebar

@media print {
 .layout-sidebar .row {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

在此方面的任何帮助将不胜感激。如果需要其他信息,请告诉我。

谢谢。

0 个答案:

没有答案