Question

我将来自导出的Excel文档的实时文本作为html放入旧的pdf位置以供seo使用。我相信该页面最初是作为wordpress模板创建的，并且是一个恼人的aspx文件，因为它有很多堆叠的div。

起初我尝试将html文档嵌入到pdf位置作为参考文件，但它显示出响应的可怕性，所以我粘贴了内联表数据，现在它显示和运行大多正常。我因为内联粘贴而丢失了一些格式化的CSS，这很可能就是原因。

然而，我现在遇到的问题是在Firefox和Chrome中以不同的方式显示标题图像。

以下是图片的代码snippit：
<img src="/imgs/dev/LILACheader.jpg" alt=“Lilac” class="img" style="margin-top:25px; width::100%; max-width: 100%; border: none;>

当我使用上述内容时，它在Chrome中正确呈现，而不是Firefox，但是当我将其添加到内联样式时：
height:auto; and/or vertical-align:middle;

然后它在FF中是正确的而不是在Chrome中。

帮助！表格宽度是1007px，我已经使图像标题1007px，但我不能让它为两个工作！我感觉这是来自表格边框数据中的额外像素，但我似乎无法解决问题。

有问题的网页：http://www.michells.com/perennials

谢谢！

ps我有2个截图我试图附加或链接但我不认为我有足够的代表，所以我甚至不能发布托管的。洛尔

firefox

Answer 1

我并不完全确定PX即使padding and margin等于0也无法正确显示的问题。但是我有一些能够解决FF问题的问题正确处理尺寸。下面的代码将向您展示如何设置：

<center> !--You put inside your exciting center tag-->
<div id="table-stylesheet">
!--This is where your table and Table header Image is going to be-->
</div>
</center>

然后在你的CSS中只需添加：

#table-stylesheet{
width: 1007px;
}

在此之后所有已完成的刷新FireFox确保样式表已更新，您应该看到Header图像现在与表格齐平。

Answer 2

img标签在表外，但在容器内。显然，Firefox有一些固有的边界或边缘属性可以清除，所以我可以通过将img标签放入表格中然后添加内联样式属性来跨越整个宽度。一旦它在表格中，我将全宽（1007px）改为100％，现在它会做出适当的响应。

当图像在表格之外时，它坚持使用PAGE和容器属性，因为现在它正常运行，因为TABLE属性位于实际单元格内部。

希望在他们像我一样被困之前，这可以帮助别人。欢呼声

标题图像在firefox和chrome中不显示相同的大小

2 个答案: