为什么我的徽标在所有浏览器中可见，但在打印视图中不可见

debugcn 发表于 Dev

穆罕默德·阿卜杜拉

我遇到了一个问题。我需要打印带有徽标的页面，但问题是徽标显示在浏览器中，但在打印预览 (CTRL P) 中未显示徽标。

对于任何指导，我将非常感激。

这是html代码和css媒体打印代码

/* @@ removed here since they are specific to ASP.NET MVC */

@media print {
  @page {
    size: A4 landscape;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
  }
  .prints {
    height: 19.2cm;
    page-break-after: avoid;
    border: black 1px solid;
  }
  .row {
    page-break-after: avoid;
  }
}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 30, 2018 */

label {
  font: c
}

<table align="center" style="padding-left:10px;">
  <tbody>
    <tr>
      <td colspan="3">
        <h4 style="text-align:center;padding-left:25px; font-family:Calibri"><b> CHALLAN FORM </b></h4>
      </td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>
        <div>
          <label style="padding-left:10px;width:145px;">
              <span style="line-height:1; width: 135px; font-size:26px; font-family:'Chursaechsische Fraktur';"><strong>Baitul Huda</strong></span>
              <span style="line-height:1;border:0px; width:100px; font-size:12px; font-family:'Adobe Devanagari';">High School For Girls</span>
          </label>
        </div>
      </td>
      <td rowspan="2" style="width:30px;padding-right:0px; padding-left: 10px;">
        <img src="~/images/nku_02.png" height="70" width="70" alt="Bail ul huda logo" />
      </td>
      <td style="padding-left:10px;">
        <div style="padding-left:5px;">
          <label style="width:120px;padding-top:0px;padding-bottom:0px;">
              <span style="line-height:0; width: 160px; font-size:26px; font-family:'UL Sajid Heading';">بیت الھدیٰ</span>
              <span style="line-height:1; width:100px;padding-left:10px; font-size:16px; font-family:'Al Qalam Quran 2A';">    ھایئ سکول فارگرلز</span>
          </label>
        </div>
      </td>
    </tr>

  </tbody>
</table>

穆罕默德·阿卜杜拉

我发现解决方案 Img 没有出现在打印视图中，因为缺少一个 div

<td rowspan="2">
      <div style="padding-left:10px;width:80px;height:50px">
            <img src="/images/offical_Logo_Baitul_Huda.jpeg" class="img-responsive" style="height:50px ; width:100px" alt="">
      </div>
</td>

当我添加 div 时，徽标开始显示在打印视图中

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。