gpt4 book ai didi

javascript - 打印 : Div side by side

转载 作者:行者123 更新时间:2023-12-03 01:26:27 27 4
gpt4 key购买 nike

我需要你的帮助。我有一个表单,有 2 个并排的 div(在左侧和右侧),作为 2 列。

<div class="row">
<div class="col-lg-12" id="printable">
<div class="col-lg-6">
<form role="form"></form>
</div>

<div class="col-lg-6">
<form role="form"></form>
</div>
</div>
</div>

我有两个 javascript 来打印这些 div

<script type="text/javascript">
function printDiv_1(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;

document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}

function PrintDiv_2() {
var divContents = document.getElementById("printdivcontent").innerHTML;
var printWindow = window.open('', '', 'height=200,width=400');
printWindow.document.write('<html><head><title>Print DIV Content</title>');
printWindow.document.write('</head><body >');
printWindow.document.write(divContents);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.print();
}

pdf 文件格式的结果始终按页面从上到下的顺序排列。它变成了 2 行。

如何克服这个问题?我想,JavaScript 中有一些我想念的东西。

高级致谢

最佳答案

<div class="row" id="printable">

<div class="col-lg-6">
<form role="form"></form>
</div>

<div class="col-lg-6">
<form role="form"></form>
</div>

</div>

如果在行类之后创建一列 (col-lg-12),则该行将变得无用。

关于javascript - 打印 : Div side by side,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51519627/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com