Css 未在速度模板中呈现 (JAVA)

Question

我在一个文件中写了一些 HTML-CSS，它在浏览器中完美运行，但是当我将扩展名更改为 vm（用于 apache velocity）时。某些 css 不起作用。为什么 velocity 无法理解 css.

代码：

   <html>
 <head>
    <title>Letter</title>
    <style>
    .row {
            width: 100%;
            display:flex;
            height:80px;
        }
    .column1 {
            width:33%;
            float: left;
        }
    .column2 {
            width:33%;
            float: center;
        }   
    .column3 {
            width:33%;
            float: right;
        }
        body {
            padding: 20px;
            font-size: 12px;
            font-family: Arial,Arial Unicode MS,Quivira,sans-serif,Wingdings;
        }
        #rcorners2 {
  border-radius: 25px;
  align-items:center;
  border: 1px solid grey;
  padding: 20px;
  width: 1000px;
  height: 50px;
  display:flex;
}
.vl {
  border-left: 1px solid grey;
  height: 50px;
}
.gap{width:200px;background:none;height:200px;display:inline-block;}
    </style>
    </head>
    <body>
    <div class="row">
        <div class="column1">
            <img src="https://www.iconfinder.com/data/icons/pictype-free-vector-icons/16/home-512.png" height="50px" width="250" />
        </div>
        <div class="column2">
        <h1 style="text-align: center;"> Letter Head</h1>
        </div>
        <div class="column3">
            <h2 style="color:#AE275F;text-align: right;">SAMPLE</h2>
        </div>
    </div>
    <div>
    <div id="rcorners2" > </div>
    <div>
    <p>Date </p>
    <p>MAY 28,2020</p>
    </div>
    <div class="gap">
    </div>
    <div class="vl"></div>
    </div>
    </body>
</html>

Answer 1

问题不在于我的速度模板。我正在使用 Itext5 将 HTML 转换为 PDF，但由于 Itext5 不支持 HTML5 ，因此某些功能无法使用。我正在使用 openHtmlToPdf 库将 HTML 转换为 PDF 并且 css 现在可以正常工作了。

Css 未在速度模板中呈现 (JAVA)

Css not rendering in velocity template (JAVA)

html

css

java

velocity