代碼：<style> .center { float: left; text-align: center; } .center h3 { color: #000; font-weight: 600; } .left { font-size: 14px; float: left; width: 30%; color: #000; } .right { font-size: 14px; float: right; width: 70%; color: #000; } #bot { margin-bottom: 2em; } #left { font-size: 14px; float: left; width: 42%; color: #000; } #right { font-size: 14px; float: right; width: 58%; color: #000; } table, td, th { border: 1px solid #000; text-align: left; font-size: 14px; font-weight: inherit; } table { border-collapse: collapse; width: 100%; } th, td { padding: 15px; } #pp { font-size:14px; color:#000; } .table-responsive { overflow-x: hidden!important; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding:0px!important; } </style><div class="col-md-12"> <a href="javascript:void(0)" class="btn btn-success" style="float: right;" onclick='printDiv();'>Print Sheet</a></div><div id="print_wrapp"> <div class="col-md-12" id="bot"> <div class="col-md-2"> <img src="<?php echo base_url(); ?>uploads/images/Lingayas Vidyapeeth Logo.png" class="img-responsive" style="width: 110px;"> </div> <div class="col-md-10"> <div class="center"> <h3> Lingaya's Vidyapeeth, Fraidabad<br> Award Sheet<br> End Semester Examination<br> (May-June, 2019) </h3> </div> </div> </div>在這段代碼中，我只是<div id="print_wrapp">通過(guò)單擊功能在 div 中運(yùn)行打印內(nèi)容，即printDiv它可以正常工作，但問(wèn)題是打印預(yù)覽 css 沒(méi)有正確顯示 div 內(nèi)容，下面提到了圖像：我的原始頁(yè)面如下所示： 那么，我該如何解決這個(gè)問(wèn)題呢？請(qǐng)幫我。
2 回答
九州編程
TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超4個(gè)贊
您也可以使用 media='screen,print' 在打印和屏幕上應(yīng)用樣式表
<link ../bootstrap.min.css' rel='stylesheet' media='screen,print'>
或者
<link ../bootstrap.min.css' rel='stylesheet' media='all'>
慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
當(dāng)我們想在打印頁(yè)面時(shí)應(yīng)用一些樣式時(shí)，我們需要使用@media print 來(lái)應(yīng)用樣式。然后只有樣式將適用于 windows 打印功能。
樣式.css
@media print
{
.center {
float: left;
text-align: center;
}
.center h3 {
color: #000;
font-weight: 600;
}
.left {
font-size: 14px;
float: left;
width: 30%;
color: #000;
}
.right {
font-size: 14px;
float: right;
width: 70%;
color: #000;
}
}
然后將要打印頁(yè)面的css文件鏈接到樣式。
<link rel="stylesheet" type="text/css" href="Style.css">
在按鈕單擊時(shí)調(diào)用打印函數(shù)
<button onclick="printPage()" class="center">Print</button>
<script>
function printPage()
{
print();
}
</script>
- 2 回答
- 0 關(guān)注
- 254 瀏覽
添加回答
舉報(bào)
0/150
提交
取消