Question

我需要你的帮助。我有一个表格，其中2列并排（左右）为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中的某些内容。

感谢Adv。

Answer 1

<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），则该行将变得无用。

Answer 2

这是因为col-lg-12 作为其等效于BootStrap行的大小。所有列类，例如

col-md-12 , col-sm-12, col-xs-12

所有这些都将以相同的方式作用于不同的大小。

别忘了，如果要在一行中包含一些元素，请使总数等于12

例如

col-md-6 and col-md-6

col-md-4 and col-md-8

因此，两个col-*-*的总和为12，它们将并排放置。

如果元素总数超过12，则后一个元素将位于第一个元素的正下方

打印：Div并排

2 个答案: