Java HTML自定义JUnit报告表对齐不均匀
我正在编写一个java类,该类为JUnit测试生成HTML表报告,并使用CSS进行可视化格式化。我在对齐单元格时遇到了一个问题,因为生成的列数是不可预见的,因为其中一些列表示传递给可变函数的参数。因此,立柱中存在固有的错位。有没有办法通过CSS属性或其他方式来对齐这些单元格?我真的不想改变底层java代码来改变这个美学问题 下面是生成的示例表的外观: 以下是表格的HTML源代码(格式正确):Java HTML自定义JUnit报告表对齐不均匀,java,html,css,junit,Java,Html,Css,Junit,我正在编写一个java类,该类为JUnit测试生成HTML表报告,并使用CSS进行可视化格式化。我在对齐单元格时遇到了一个问题,因为生成的列数是不可预见的,因为其中一些列表示传递给可变函数的参数。因此,立柱中存在固有的错位。有没有办法通过CSS属性或其他方式来对齐这些单元格?我真的不想改变底层java代码来改变这个美学问题 下面是生成的示例表的外观: 以下是表格的HTML源代码(格式正确): 运输署 { 字体系列:“投石机MS”,Arial,Helvetica,无衬线; 字号:1em; 边框
运输署
{
字体系列:“投石机MS”,Arial,Helvetica,无衬线;
字号:1em;
边框:1px纯黑;
填充:3px7px 2px7px;
}
方法:
testOne
1.
1.
结果:
通过
方法:
测试二
宝马
奥迪
梅赛德斯
保时捷
结果:
通过
方法:
测试三
21154423
2443
12121
结果:
通过
方法:
测试四
4.1222
2.0001
结果:
失败
方法:
测试五
10
10
昆斯霍姆斯哈姆酒店
梅丽莎·霍恩
结果:
通过
方法:
测试六
瑞典
瑞典
结果:
通过
方法:
测试七
丽莎·埃克达尔
丽莎·埃克达尔
结果:
通过
我认为您无法用简单的CSS实现这一点
您不想因为美观问题而更改java代码,但问题是表的列数不应该更改。参数列应仅为一列,并使用其他方法分隔值。您可以在第二列中生成以逗号分隔的参数列表。这样的话,你将总是有3列,这件事将更容易格式正确
如果你
<html>
<head>
<style type="text/css">
td
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
border: 1px solid black;
padding: 3px 7px 2px 7px;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testOne
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
1
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
1
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testTwo
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
BMW
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Audi
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Mercedes
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Porsche
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testThree
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
21154423
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
2443
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
12121
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testFour
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
4.1222
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
2.0001
</font>
</td>
<td>
<b>Result:</b>
<font color="red" face="Verdana">
Failed
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testFive
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
10
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
10
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Kungsholmens Hamn
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Melissa Horn
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testSix
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Sweden
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Sweden
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
<tr>
<td>
<b>Method:</b>
<font color="blue" face="Verdana">
testSeven
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Lisa Ekdahl
</font>
</td>
<td>
<b></b>
<font color="purple" face="Verdana">
Lisa Ekdahl
</font>
</td>
<td>
<b>Result:</b>
<font color="green" face="Verdana">
Passed
</font>
</td>
</tr>
</table>
</body>
</html>
</table>
</body>
</html>
"<td colspan="+ (maxNumberOfColumns-currentColumnIndex) +">"