Thứ Ba, 28 tháng 7, 2026

Chọn vị trí để IN (print) ra nội dung của div

 ** HTML

<div id="printArea">

    <div class="no-print">Nội dung left</div>


    <div class="content-right">Nội dung phải</div>

    <!--Nội dung phải được in ra-->

</div>


** CSS

<style type="text/css">

    @media print{

        .certificate-container{

            margin:0 !important;

            padding:8mm !important;

            height:auto !important;

            min-height:auto !important;

        }

        .certificate-inner-border{

            padding:6mm !important;

        }

        p,h1,h2,h3,h4,h5,h6{

            margin-top:2px !important;

            margin-bottom:2px !important;

        }

        .no-print{

            display:none!important;

        }

        body *{

            visibility:hidden;

        }

        #printArea,

        #printArea *{

            visibility:visible;

        }


        #printArea{

            position:absolute;

            left:0;

            top:0;

            width:100%;

        }

    }

</style>


** JS

<script type="text/javascript">

    function printDiv(){

        window.print();

    }

</script>


Không có nhận xét nào:

Đăng nhận xét