【发布时间】：2013-05-07 17:28:01
【问题描述】：
我试图使报告在 HTML 中看起来不错，因为图像和这些图像上的文本与它们重叠，问题是当我在 FastReport 中将报告转换为 HTML 时，它会将所有图像移动到不与任何其他图像重叠对象。
所以问题是，有没有办法在报告中编辑 Css/JScrip 以使图像显示为我想要的？喜欢添加：
img
{
margin-right:-1px;
}
或
.test
{
margin-right:-1px;
}
<img class='test'>
但我无法手动编辑它们，我需要快速报告来完成它，如果可能的话，使用功能、事件或任何可能的方式。
谢谢。
这是我从快速报告中得到的：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name=Generator content="FastReport 4.0 http://fast-report.com">
<title>100</title>
<style type="text/css"><!--
.page_break {page-break-before: always;}
.s0 {
font-family: Arial;
font-size: 13px;
color: #000000; font-style: normal;
background-color: #FFFFFF;
text-align: Left; vertical-align: Top;
}
--></style>
</head>
<body
bgcolor="#FFFFFF" text="#000000">
<a name="PageN1"></a>
<table width="798" border="1" cellspacing="0" cellpadding="0">
<tr style="height: 1px"><td width="359"/><td width="2"/><td width="437"/></tr>
<tr style="height:161px">
<td class="s0" style="font-size:1px"><img src="http://i44.tinypic.com/29kqot1.jpg" width="805" height="571" alt=""></td>
</tr>
<tr style="height:251px">
<td class="s1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</td>
</tr>
</table>
</body></html>
我想在图像上方放置文字，但无法做到，我尝试了快速报告中的所有内容。 我绑定到 Divide The Images 但问题是 HTML 中的图像之间有 1px 的空间，这就是为什么我需要 Margin-right: -1px 但无法完成，
【问题讨论】：
-
发布更多的代码而不是仅仅发布你所拥有的代码，并考虑在
jsfiddle中放置一个你想要实现的示例 -
添加了更多信息，我希望有办法实现我想要的......
-
根据我的经验，在没有 FastReports 的情况下自己编写 HTML 导出会产生更可控的结果。事实上，现在我们只使用 FastReports 进行 PDF 导出。
-
是的，我们不得不重写 FastReport 的 HTMLExport 的一些部分，它只是我们的客户使用 FR 来报告和电子邮件，而且他们使用报告发送给人们，这就是为什么我们不得不调整某些样式的导出、VML hack 等...
标签： javascript html css fastreport