在 Firefox 上打印 CSS

Question

我正在尝试创建一个 CSS 打印表，这里是我的代码：

PHP（Laravel）：

[...]
<div id="nameDiv">
  <h3> {{$project->name}} </h3>
  {{$project->description}}
  <h4>Homines deliciis  :</h4> {{$project->created_at->format('d/m/y')}}
  <h4>quemquam nec      :</h4> {{$project->scientist_leader->full_name}}
  <h3>A propos de ce projet | Impression </h3>
  {!! isset($project->comOverview) ? Blade::compileString($project->comOverview) !!}
  @foreach($iteration->innovations as $innovation)
    <h3> {{$innovation->name}} </h3>
    {!! html_entity_decode($innovation->description) !!}              
  @endforeach

CSS 文件：

div#nameDIV {
   display: inline-block;
   overflow: visible !important;
}

我有这样的事情：

On Chrome. 它有效，并且我有多个页面，具体取决于文本。

On Firefox. 在这里它不起作用：我有一页，文本被剪切了。

如果有人有任何想法。

感谢您的帮助。

Answer 1

不同的浏览器默认有不同的样式（用户代理样式表）。您需要用您的 CSS 覆盖这些样式。希望是这个原因。