英文:
Css not rendering in velocity template (JAVA)
问题
我已经在一个文件中编写了一些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>
翻译完成。
英文:
I have written some HTML-CSS in a file, It works perfectly in the browser but when I change the extendion to vm ( for apache velocity) . some of the css doesn't work . why is velocity not able to understand the css.
CODE:
<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>
答案1
得分: 3
问题不在于我的速度模板。我正在使用Itext5将HTML转换为PDF，由于Itext5不支持HTML5，因此某些功能无法正常工作。
我正在使用openHtmlToPdf库将HTML转换为PDF，现在CSS可以完美地工作。
英文:
The problem was not with my velocity template. I was using Itext5 to convert HTML to PDF and as Itext5 does not support HTML5 , some of the features weren't working.
I am using openHtmlToPdf library for converting HTML to PDF and the css works perfectly now.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论