我需要帮助,使HTML网页布局正常工作

我需要帮助,使HTML网页布局正常工作,html,html-table,html-email,Html,Html Table,Html Email,我正在使用一个创建技术报告的系统,我的任务是将这些报告转换为可以在电子邮件中显示的html。由于电子邮件的局限性,我精心设计了一个系统,它使用嵌套的表布局来正确放置项目,并且它似乎适用于许多用例,但是我遇到了一个我不知道如何解决的问题 我有两个例子,其中表布局对我来说似乎不能正常工作,实际上是同一输出的两部分。第一个可以在中找到,它演示了我的对象是如何没有正确对齐的,从条目之间的间隙(不应该存在)可以看出这一点。第二个例子更大,可以在上找到,并进一步说明了我的对齐问题 我为代码笔链接道歉,但我的

我正在使用一个创建技术报告的系统,我的任务是将这些报告转换为可以在电子邮件中显示的html。由于电子邮件的局限性,我精心设计了一个系统,它使用嵌套的表布局来正确放置项目,并且它似乎适用于许多用例,但是我遇到了一个我不知道如何解决的问题

我有两个例子,其中表布局对我来说似乎不能正常工作,实际上是同一输出的两部分。第一个可以在中找到,它演示了我的对象是如何没有正确对齐的,从条目之间的间隙(不应该存在)可以看出这一点。第二个例子更大,可以在上找到,并进一步说明了我的对齐问题

我为代码笔链接道歉,但我的html是冗长的,因为它是机器生成的,用于尝试和复制表的绝对位置。不幸的是,它太长,无法包含在正文中,因此存在外部链接

总结我需要帮助的安置问题:

  • 两个示例的左侧都有一个“填充列”,其定义宽度为
    36.135pt
    ,但在实际输出中似乎被删除
  • 对象并非彼此齐平,导致外观不连贯;相反,它们应该形成一个实心块
  • 在第二个示例中,左边的前三列的高度比下面的列短(似乎每个元素都无意中为输出增加了一点高度,即使我删除了元素上的填充样式)
  • 关于限制等的一些注释

  • 我需要使用一个表格布局系统,尽管表单很糟糕,这样html就会显示在电子邮件中
  • Outlook不支持css属性
    表格布局
    最大宽度
    最大高度
    溢出
    ,因此使用这些属性的任何解决方案都不是最优的(尽管仍然很有用,因为我可以在必要时依赖“在浏览器中显示”功能)
  • Html电子邮件不支持任何有用的方式的绝对或相对定位,因此任何围绕使用这些方式的解决方案都不会有帮助

  • 我很抱歉这么漫无边际,但这是一个相当复杂的问题,我想提供尽可能多的信息。我希望你们中的一位能够帮助我,任何建议都将不胜感激。

    电子邮件中有一些问题:*表太多,*每个表的单元格填充和单元格间距应为零,*表的边框必须为零,*删除单元格的高度。现在考虑首先建立电子邮件(从链接),然后把它放在生成代码的系统中。如果您使用50多个迷你表进行布局,则电子邮件疑难解答会变得很困难。关于单元格填充和单元格间距,我尝试将其添加到所有表中,但没有任何区别,我相信这是由于在样式中设置了
    表{border collapse:collapse;}
    。第二,我不能从元素中删除边界,因为用户可能在他们的报告中定义了特定的边界,我必须遵守这些边界。第三,我也不确定是否可以从单元格中删除高度,因为用户可以再次定义一个非常大的文本框/单元格,其中包含少量文本,在下一条注释中继续,在需要高度以确保其正确显示的前一条注释中继续。如果你有一个替代方案,允许在其他地方正确设置高度,那么我很高兴听到这个消息。现在你提到了太多的表,我并不反对你的观点,但是我不确定我能不能把它减少很多,因为它需要一个通用的系统,可以处理用户提供的任何东西。我也许可以移除单个单元格周围的表格,但我不确定。恐怕我不明白你最后一点关于先生成两封电子邮件,你能详细说明一下吗?如果你以电子邮件的形式发送,那么你的电子邮件将包含以你希望的方式显示电子邮件所需的所有代码。用户不能在其电子邮件客户端上定义表格边框、单元格间距或单元格填充。边框折叠的工作方式与将单元格填充和间距设置为零类似。对于高度,可以在单元格上使用填充(而不是单元格填充)来显示高度。最后,每封电子邮件都可以像模板一样进行编码,您首先创建电子邮件,然后使用您的系统插入一些HTML以获得正确的外观。有道理吗?