Question

我正在使用wkhtmltopdf 0.12.4（使用已修补的qt）（使用节点js）来生成html的预览pdf。

这完美无缺

<div style="width: 20%;);>
   Test Element
</div>

但这不适用于wkhtmltopdf（这在其他浏览器中运行良好）

<div style="width: calc(100% / 5);width: -webkit-calc(100% / 5);>
   Test Element
</div>

css3 calc()功能是否有任何解决方法？是否支持我的wkhtmltopdf版本？

Answer 1

您可以使用flex属性。我认为应该至少有2 div每个width:50%。如果您要在div's中添加更多宽度相同的flexRow，则会进行调整。如果连续单div有可能，则将flexChild width更新为{{1} }}。它运作得很好。

100%

.flexRow{
  display:flex;
  width:100%;
  padding:15px;
  background-color:red;
  height:100px;
}
.flexChild{
  display:block;
  background-color:#000;
  width:50%;
  border:1px solid #fff;
}

CSS calc（）在wkhtmltopdf 0.12.4中不起作用

1 个答案: