wicked_pdf（带有wkhtmltopdf）未正确渲染

我需要将现有的html文档转换为pdf。我用它来完成这项任务。但有很多东西无法正确渲染：

断字

图像上的圆形边框

其他我现在不太关心的事情

断字 创建pdf时，启用连字号的所有段落都将在不使用连字号的情况下呈现。CSS如下所示：

圆形边框和图像 我有一个圆角的容器。在这个容器顶部的内部是一个显示的图像，它也应该有圆角。不幸的是，图像渲染时没有圆角。它与看起来很难看的容器边界重叠

此容器的HAML：

.profile-picture-container
  = cl_image_tag @presenter.profile_picture, class: 'profile-picture'
  .profile-picture-body
    %p
      = @presenter.user_fullname

以及相应的CSS：

.profile-picture-container {
  float                      : right;
  margin-left                : 5mm;
  margin-right               : -15mm;
  border                     : 1px solid lightgray;
  border-bottom-left-radius  : 0.25rem;
  border-bottom-right-radius : 0.25rem;
  overflow                   : hidden;
}
.profile-picture-container, .profile-picture {
  width : 50mm;
}
.profile-picture {
  // -1px stolen from bootstrap’s definitions
  border-top-left-radius  : calc(0.25rem - 1px);
  border-top-right-radius : calc(0.25rem - 1px);
}
.profile-picture-body {
  padding : 3mm 5mm;
}

其他东西不能正常工作 标题忽略了它们的

分页符：避免设置

只是我还是html到pdf的转换还没有准备好进入黄金时段

.profile-picture-container {
  float                      : right;
  margin-left                : 5mm;
  margin-right               : -15mm;
  border                     : 1px solid lightgray;
  border-bottom-left-radius  : 0.25rem;
  border-bottom-right-radius : 0.25rem;
  overflow                   : hidden;
}
.profile-picture-container, .profile-picture {
  width : 50mm;
}
.profile-picture {
  // -1px stolen from bootstrap’s definitions
  border-top-left-radius  : calc(0.25rem - 1px);
  border-top-right-radius : calc(0.25rem - 1px);
}
.profile-picture-body {
  padding : 3mm 5mm;
}