<mark> Html 标签在将 Html 渲染为 pdf 时不起作用

Question

我正在从 html 页面生成 pdf。标记突出显示标签在 html 页面中工作正常，但当我呈现为 pdf 时，标记标签不起作用，但其他 css 和 html 标签工作正常。

我的 html 代码如下所示

<!DOCTYPE html>
<html>
<head>
<title>Report</title>
<style>
div.long-text{
 max-width:100%;
 word-wrap: break-word;
 padding: 1rem;
 }
html, body {
    max-width: 100%;
}
p {
  word-wrap: break-word;
}
body, input {
  margin: 5;
  font: .9em Verdana, 'Lucida Grande', Geneva, Lucida, sans-serif;
  }
</style>
</head>
 <body>
<div>
  {% for i in text %}
  {% if i.0 == '0'%}
       <mark>{{i}}</mark>
    {% else %}
      {{i}}
     {% endif %}
    {% endfor%}
</div>
</body>
</html>

输出是这样的：

请帮忙想出解决办法。

Answer 1

你可以交替mark 您可以使用 <span>

而不是标记

<span>{{ i }} </span>

然后在CSS部分

span { 
  background-color: yellow;
  color: black;
}

<mark> Html 标签在将 Html 渲染为 pdf 时不起作用

<mark> Html tag not working while rendering Html to pdf

html

css

django

reportlab

xhtml2pdf