首页 > 解决方案 > html to "pdf" 文本背景换行,但文本本身没有

问题描述

这是在浏览器中打开的html

div {
  width: 480px;
}

ul.skills {
  margin: 15px 0;
  padding: 0;
}

ul.skills li {
  display: inline-block;
  /* transform: translate(-50%,-50%); */
  padding: 3px 15px;
  border: 1px solid #b9c5ce;
  border-radius: 8px;
  color: #657180;
}
<div>
  <h5>
    Skill-եր
  </h5>
  <ul class="skills">
    <li>Angular</li>
    <li>Angular JS</li>
    <li>Bootstrap</li>
    <li>C#</li>
    <li>CakePHP</li>
    <li>Java</li>
    <li>JavaScript</li>
    <li>PHP</li>
  </ul>
</div>

这是转换为pdf后的结果

在此处输入图像描述

注意:pdf 不支持显示 flex 和表格单元格,所以...

标签: javascripthtmlcsspdf

解决方案


推荐阅读