page-break-after：总是不能正常工作

Question

我需要 Div 和 class 个问题在打印时显示在第二页上。

<html>
<head>
  
  <title>quiz</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="main_content">
            <h1 class="course_name">Course Name</h1>
        </div>
    <div class="exam_content">
      <div class="sub_content">
        <div class="exam_information">
          ----exam information----
            <div class="questions_visual >
                   -------questionsvisual------
              </div>
        </div>
      </div>
</div>

Style.css包含以下代码

@media print {
   
  .questions_visual{
    page-break-after: always !important;
   
    }
}

我试过下面的代码，它在打印时将带有 class 考试内容的整个 div 移动到下一页

div  {
    page-break-after: always !important;
   
    }

提前致谢。

Answer 1

使用这个。

<div style="page-break-after: always;"></div>
<div>&nbsp;
</div>

参考这个 link {page-break-after: always} not working when printing

page-break-after：总是不能正常工作

page-break-after: always doesn't work properly

html

css

media-queries