小编Muh*_*ris的帖子

我想打印一个引导 div。

它在网络浏览器中正确显示，但是当我点击打印按钮然后在打印预览时，元素是浮动的并且没有正确显示。

我该怎么做才能解决这个问题？

我想按照这种风格打印的 Div

我在打印时得到的输出，我不想在顶部的学校名称上看到

调用打印函数的按钮：

<button class="btn btn-default" onclick="printDiv('printableArea')"><i class="fa fa-print" aria-hidden="true" style="    font-size: 17px;"> Print</i></button>

打印功能：

function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}

我想打印的 Div

<div class="container right-container col-md-6" id="printableArea" style="display:block;">
    <span id="link7">   
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <h3 id="school_title"><?php echo "$school_name";?> </h3>
                <p><p> 
                <p style="font-size: 1.1em;" id="exam_title">Annual Examination [ 2015-2016 ] <p> 
                <div class="row">
                    <div class="col-md-4">
                        <div …