Question

我正在制作发票生成网络应用程序。发票是用div设计的，行和＆amp;细胞也是边界的div。

屏幕上的一切都很好，但是当我发送打印发票时，所有底部边框线都堆叠在第一页的第二页，奇怪的部分是这只发生在第二页。

任何想法为什么＆amp;如何解决这个问题??

这里是每行的HTML代码，它保持循环以获得所需的最大行数。

<div class="container_24">
    <div id="invoice_frame" class="grid_18" style="padding:0px;">
<?php for ($x = 1; $x <= 60; $x++) {
    <!-- Row Box <?php echo $x ?> -->
        <div class="rowBox rowBox-<?php echo $x ?> ti_box_WO_bottom" data-id="1" style="width:705px;">
           <div class="ti_box_onlyRight">&nbsp;</div>
           <div class="ti_box_onlyRight">&nbsp;</div>
           <div class="ti_box_onlyRight" style="width:378px;" align="left">&nbsp;</div>
           <div class="ti_box_onlyRight">&nbsp;</div>
           <div style="margin:0px; margin-right:3px;">&nbsp;</div>
       </div>
<?php } ?>

        <div class="ti_line">&nbsp;</div>
        <div>
          <div style="width:592px;" align="right"><strong>Total:&nbsp;</strong></div>
          <div class="ti_box" style="width:113px;" align="center"><?php echo $TInvoice_ROW['total_amount']; ?></div>
        </div>

        <div>
          <div style="width:592px;" align="right"><strong>Tax(GST) 6%:&nbsp;</strong></div>
          <div class="ti_box" style="width:113px;" align="center"><?php echo $TInvoice_ROW['gst_amount']; ?></div>
        </div>

        <div>
          <div style="width:592px;" align="right"><strong>Grand Total:&nbsp;</strong></div>
          <div class="ti_box pv_total_box" style="width:113px; margin:0px;"><?php echo $TInvoice_ROW['total_grand']; ?></div>
        </div>
        <div> 
          <div style="padding-top:6px;" align="right"><strong>Amount in words:&nbsp;</strong></div>
          <div style="width:559px; vertical-align:text-bottom; margin:0px;" align="left">
                <textarea name="inwords" disabled="disabled" readonly class="pv_textbox_WO_outline" id="inwords" style="width:580px;"></textarea>
          </div>
        </div>
    </div>
</div>

这是CSS

.container_24 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#invoice_frame {
    margin: 5px;
    background-color: #FFF;
    padding: 20px;
} 

#invoice_frame div{
    display: inline-block;
    float: left;
} 

#invoice_frame div.ti_box_onlyRight {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
    margin:0px !important; 
}

#invoice_frame div.ti_box_WO_bottom {
    border: 1px solid #000;
    border-bottom: none !important;
}

Answer 1

我知道...正文必须至少包含30个字符；您输入了9。

在打印出来为什么div底部边框没有显示

1 个答案: