那我如果div1和div21是并列排布的呢？那我怎么样实现第一个页面打印div1，第二个页面div2

如果div1和div2是并列排布的，可以使用CSS的分页属性`page-break-after`和`page-break-before`来实现在打印时分页显示。

首先，给div1和div2添加一个共同的class，例如`print-page`，然后设置CSS样式：

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

  .print-page:last-child {
    page-break-after: auto;
  }
}

这样设置之后，在打印时，每个具有class为`print-page`的元素都会在新页上开始显示。由于最后一个元素不能再分页，所以需要单独设置`last-child`的`page-break-after`为`auto`。

然后，在HTML中将div1和div2分别包裹在两个`print-page`元素中即可：

<div class="print-page">
  <div id="div1">
    ...
  </div>
</div>

<div class="print-page">
  <div id="div2">
    ...
  </div>
</div>

这样，在打印时，第一页会显示div1，第二页会显示div2。

相关问题

那我如果还想要获的分页的情况呢，例如div1打印在第一页，div2打印在第二页

如果你想要分页打印，可以使用CSS中的`page-break`属性来控制。

首先，在需要分页的地方，你需要添加一个HTML元素，比如一个`<div>`，并给它一个`page-break-before`或`page-break-after`属性。例如，如果你想要在`div1`后面插入一个分页，你可以这样写：

<div id="div1">内容1</div>
<div style="page-break-after: always;"></div>
<div id="div2">内容2</div>

这样，当你打印这个页面时，`div2`会被打印在新的一页上。

你还可以使用其他的`page-break`属性来控制分页的方式。例如，`page-break-before: always;`会在当前元素之前插入一个新的分页，而`page-break-inside: avoid;`则可以防止当前元素被分割到两个页面上。

需要注意的是，这些属性只在打印时才会生效，所以在屏幕上预览时并不会看到分页效果。

什么代码实现四个div元素并列一排显示

在 HTML 中，可以使用 `div` 元素来创建容器，并使用 CSS 来设置它们的样式，包括宽度、高度、边框、背景色等，从而实现四个 `div` 元素并列一排显示。下面是一个示例代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

.container {
  display: flex; /* 设置容器为弹性布局 */
}

.box {
  width: 100px; /* 设置每个 box 元素的宽度 */
  height: 100px; /* 设置每个 box 元素的高度 */
  border: 1px solid black; /* 设置边框 */
  background-color: gray; /* 设置背景色 */
}

在上面的代码中，我们使用了 Flexbox 布局来实现四个 `div` 元素并列一排显示，设置容器 `.container` 的 `display` 属性为 `flex`。然后，我们设置每个 `div` 元素的宽度、高度、边框和背景色等样式，通过 Flexbox 布局，这四个 `div` 元素将会并列一排显示。