打印时即使有类也不显示div的边框？答案

【问题标题】：Border for div not displaying even with class while printing?打印时即使有类也不显示div的边框？
【发布时间】：2020-08-13 08:59:36
【问题描述】：

我想打印带边框的 div，边框在 html 页面中工作正常，但在打印预览中边框不显示。

即使我为<div class="sfborder"> 添加了内联css，这也没有产生正确的输出，我该如何解决这个问题？

<style>
   .sfborder {
    border: 1px solid black !important;
    border-collapse: collapse !important;
    border-radius: 2px !important;
    margin-bottom: 10px;
    overflow: hidden;
}
    @media print {
      .sfborder {
        border: 1px solid !important;
        border-collapse: collapse !important;
        border-radius: 2px !important;
        margin-bottom: 10px;
        overflow: hidden;
      }
    }
</style>

<div class="row">
  <div class="col-sm-12">
    <div class="sfborder">
      <div class="col-sm-4">
        <h6 class="text-info">Quote to</h6>
        <h6>Kadamba India Technologies PVT LTD</h6>
        <p>'Kasturba Nagar, Mysore Road, Bangalore - 560026</p>
      </div>
      <div class="col-sm-4">
        <h6 class="text-info">Ship To</h6>
        <h6>Kadama India Technologies PVT LTD</h6>
        <p>'Kasturba Nagar, Mysore Road, Bangalore - 560026</p>
      </div>
      <div class="col-sm-4">
        <div class="col-sm-12">
          <h6 class="text-info">Delivery Terms</h6>
          <p>Advance</p>
        </div>
        <div class="col-sm-12">
          <h6 class="text-info">Payment Terms</h6>
          <p>Against Delivery</p>
        </div>
        <div class="col-sm-12">
          <h6 class="text-info">Other Reference</h6>
          <p>Shipping charges extra</p>
        </div>
      </div>
    </div>
  </div>
</div>

【问题讨论】：

请添加sfborder css进行显示
你能不能试试降低屏幕分辨率
@Karthik 不，它没有帮助，仍然是同样的问题

标签： html css printing window

【解决方案1】：

我能问一下你为什么使用@media print 作为你的 css，我个人只是将它放在同一个文件中，或者只是在没有 @media print 的情况下使用 css 文件{ }

<style>
  .sfborder {
     border: 1px solid !important;
     border-collapse: collapse !important;
     border-radius: 2px !important;
     margin-bottom: 10px;
     overflow: hidden;
    }
</style>

您是否尝试过像上面一样保留它并删除@media 打印？

你也正确导入了css文件吗？

【讨论】：

媒体打印 css 用于在打印页面时添加 css 样式。
好的，刚刚没见过，修好了吗？