如何解决使用 CSS 在同一页面上多次布局引导卡以进行打印
我想弄清楚如何在三列八行中使用相同的引导卡填充 CSS 页面布局。我正在使用 HTML 来构建引导卡。
例如：
<body>
<div class="card w-25 m-3 align-items-center">
<p>Status: Guest</p>
<p>Date: 12-17-2020</p>
</div>
</body>
然后我使用 CSS @media 来格式化卡片以进行打印。
我正在使用以下 CSS：
@media print {
.card{
width: 30%;
height: 10%;
border: black;
border-style: solid;
}
}
当我尝试打印时，布局正是我所期望的。
现在我想做的是在表格中再填充两列和七行。
如何才能做到这一点？我似乎找不到任何帮助文章？
引导卡是否需要多次出现，或者我可以在 CSS @media 中进行编码吗？
我正在尝试实现以下打印输出：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
