如何让div和孩子在同一张打印页面上？

要让div和其子元素在同一张打印页面上，可以使用CSS的@media规则和打印样式来控制页面的显示。

首先，需要在CSS中定义一个打印样式，可以通过@media print规则来实现。在该规则下，可以设置元素的显示方式、布局和样式，以适应打印页面的需求。

例如，可以使用以下CSS代码将div及其子元素在打印页面上显示为块级元素，并设置合适的布局和样式：

@media print {
  div {
    display: block;
    /* 设置其他打印样式 */
  }
}

接下来，将需要打印的内容放置在一个div元素中，并为其添加一个特定的类名，例如print-content：

<div class="print-content">
  <!-- 这里是需要打印的内容 -->
</div>

然后，在CSS中使用该类名选择器来定义打印样式：

@media print {
  .print-content {
    display: block;
    /* 设置其他打印样式 */
  }
}

最后，在页面中添加一个打印按钮或者使用JavaScript触发打印功能。当用户点击打印按钮或者执行打印操作时，浏览器会应用打印样式，并将div及其子元素在同一张打印页面上显示。

需要注意的是，以上方法只是控制了div及其子元素在打印页面上的显示方式和样式，具体的打印效果还取决于打印设备和浏览器的支持情况。为了获得更好的打印效果，可以进一步调整打印样式，例如设置页面尺寸、页边距、字体大小等。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统，适用于各类应用场景。详情请参考腾讯云云服务器产品介绍。
• 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，可存储和管理任意类型的文件和数据，支持高并发访问和大规模数据存储。详情请参考腾讯云对象存储产品介绍。