** 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