强制Thunderbird中的html电子邮件在容器中浮动元素

 手机用户2602915211 发布于 2023-02-13 13:50

我有一个问题,Thunderbird没有根据父宽度清除内部表.

在此输入图像描述

顶部图像显示了它应该如何显示,底部显示它在Thunderbird中的外观.

test
test
test
test
test
test
test
test
test

如果我将内部表更改为一个非常长的段落,那么文本将按预期进行换行.我需要将表格简单地浮动到彼此旁边,以便它可以在不支持媒体查询的Outlook或手机中运行.

这个实例说明它在Firefox中正常工作:http://codepen.io/anon/pen/ioBdw

1 个回答
  • 这就是怪癖模式.彼此相邻的两个浮动表不会以怪癖模式换行到下一行.您可以通过从页面中删除DOCTYPE声明来检入Firefox; 那么它的行为与Thunderbird相同.

    所以...要么找到一种在标准合规模式下发送电子邮件的方法,要么确保没有浮动表.

    执行后者的一种方法是将每个内部表包装在浮动的div中.浮动div是可以的,即使浮动表不是(不要问为什么;它是怪癖模式).

    <div  align="left">
     <table cellpadding="0" cellspacing="0" border="0"  align="left">
      <tr>
       <td>test</td>
      </tr>
     </table>
    </div>
    

    (并根据需要重复多次)

    2023-02-13 13:52 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有