HTML 电子邮件 CSS : Centering the table and table content, 最受支持的解决方案-6ren

HTML 电子邮件 CSS : Centering the table and table content, 最受支持的解决方案

转载作者：行者123 更新时间：2023-12-04 08:54:27

24

4

我正在准备用于邮寄的电子邮件 html 文件。我正在使用 table、tr、td 标签。到目前为止，我的 html 的全部内容都放在一个表格中，包括一个单元格中的另一个小表格(见下图)。我希望整个表格始终显示在中心。我还希望小表格显示在单元格的中间。外表的宽度是固定的。
我尝试放入 CSS:

margin-left: auto;
margin-right: auto;

和

margin: 0px auto;

，所有这些都是我在这里找到的。预览看起来不错，将文件上传到群发邮件系统后的预览也可以正常工作。但是发送后，居中根本不显示(内表在Gmail中也根本不显示，只有它的内容)。所以我正在寻找最常见、使用最广泛的 html 属性，它很可能在每个浏览器/邮件客户端的中间显示表格。或者，关于类属性可能错误使用的建议。
我的整个部分:

<style>
table, th, td {
    border-collapse: collapse;
    font-family: Verdana, sant-serif;
}

th, td {
    padding: 15px;
    text-align: left;
}

.main {
    width:1000px;
    border: 5px solid #114889;
    margin: 0px auto;
}

.inside {
  width: 500px; 
  border: 1px dotted #0000CC;
  background-color: #CCE5FF;
  text-align: center;
  font-size: 10px;
  margin: 0px auto;
}
    
</style>

我不是该主题的专业人士，因此我为使用错误的术语表示歉意。
编辑:
在 Outlook 中显示。一切都很好，但左对齐:

在 Gmail 中显示。没有任何表格:

最佳答案

Outlook 仅适用于表格，因此您从这个 Angular 处理它是正确的。但是，某些 Gmail 环境甚至不考虑嵌入式 CSS(<head> 部分中的 CSS)。您需要“内联”CSS ( https://www.campaignmonitor.com/resources/tools/css-inliner/ )。
要在 Outlook 中居中表格，请使用 <table> 上的属性对齐像这样的元素:<table width="300" align="center"...> .您可能还需要用 <center>...</center> 将其全部包裹起来。，即使该标签已被弃用(是的，电子邮件是那么旧!)。
您通常会发现 Outlook 将支持这些属性 - 例如边框颜色，<td bgcolor="#abcdef"...> - 而其他人将支持内联样式，例如<td style="background-color:#abcdef"...> .您应该同时使用两者，而不是依赖嵌入式 CSS。
如果您需要，我可以在发布受影响的 HTML 后进行更具体的更新。

关于HTML 电子邮件 CSS : Centering the table and table content, 最受支持的解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63918269/

24

4

0

文章推荐： python - 如何在 TensorFlow v2.0 中正确应用梯度

文章推荐： android-add top padding 到 Chip 文本

文章推荐： python - (又一个) 'ImportError: No module named my_module'

visual-studio-2010 - Visual Studio 2010 Professional 解决方案/项目是否与 Visual Studio 2010 Premium 解决方案/项目 100% 兼容？
我只是想知道要安装哪个版本的 Visual Studio 2010(专业版或高级版)提示升级项目.. 项目包括:asp.net mvc、数据库和silverlight。最佳答案通常，由不同版本的相
【解决方案】Java互联网项目中消息通知系统的设计与实现（下）
目录前言四、技术选型五、后端接口设计 5.1业务系统接口 5.2App 端接口六、关键逻辑实现 6.1Red
【解决方案】Java互联网项目中消息通知系统的设计与实现（上）
目录前言一、需求分析 1.1发送通知 1.2撤回通知 1.3通知消息数 1.4通知消息列表二、数据模型设计
【解决方案】多租户技术架构设计入门（一）
目录前言一、多租户的概念二、隔离模式 2.1独立数据库模式 2.2共享数据库独立数据架构 2.3共享数据库共享数据架构
【解决方案】MySQL中的死锁问题还能这样解决（文末送书）
导读：虽然锁在一定程度上能够解决并发问题，但稍有不慎，就可能造成死锁。本文介绍死锁的产生及处理。死锁的产生和预防发生死锁的必要条件有4个，分别为互斥条件、不可剥夺条件、请求与保持条件和循环等待条
javascript - 获取波斯月的最后一天 + 解决方案
在浏览网页后，我找不到任何功能来执行此操作，我有可行的个人解决方案。也许它对某人有用。 **使用 Moment 插件转换日期。***moment(currentPersianDate).clone()
检测数字手写的 OCR 解决方案？
是否有一种解决方案可以很好地处理数字(1-10)手写？我试过tesseract，但我得到的只是垃圾。理想情况下是 OSS，但商业也可以。最佳答案 OpenCV 现在带有手写数字识别 OCR 示例。
multithreading - Delphi死锁解释/解决方案
在服务器应用程序上，我们有以下内容:一个称为 JobManager 的单例类。另一个类，Scheduler，不断检查是否需要向 JobManager 添加任何类型的作业。当需要这样做时，调度程序会执
javascript - 用于在应用程序中处理和捕获错误的工具/解决方案
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this qu
r - 解决方案。有代理时如何install_github
当您尝试从 GitHub 存储库安装某些 R 包时 install_github('rWBclimate', 'ropensci') 如果您遇到以下错误: Installing github repo
WPF 字体模糊问题-解决方案
问题在以下链接中进行了描述和演示: Paul Stovell WPF: Blurry Text Rendering www.gamedev.net forum Microsoft Connect: W
用于科学记数格式格式化的 R 解决方案
我正在寻找一种解决方案，使用标准格式 a × 10 b 在科学记数法下格式化 R 中的数字。一些同行评审的科学期刊都要求这样做，并且手动修改图表可能会变得乏味。下面是 R 标准“E 表示法”的示例，
java - 如何从另一个java应用程序内部启动资源jar - 解决方案
已编辑解决方案(如下...) 我有一个启动画面，它被打包到它自己的 jar 中。它有效。我可以通过以下方式从另一个 java 应用程序内部调用 Splash.jar: Desktop.getDesk
用于创建门户的 .NET 解决方案
什么是创建像 PageFlakes 或 iGoogle 这样的门户网站的好框架/包？？我们希望创建一个为员工提供 HR 服务的员工/HR 门户，但我们也需要一种足够灵活的产品，以便我们可以使用它来为
用于科学记数格式格式化的 R 解决方案
我正在寻找一种解决方案，使用标准格式 a × 10 b 在科学记数法下格式化 R 中的数字。一些同行评审的科学期刊都要求这样做，并且手动修改图表可能会变得乏味。下面是 R 标准“E 表示法”的示例，
search - 解决方案+遗传
如何将 solr 与 heritrix 集成？我想使用 heritrix 归档一个站点，然后使用 solr 在本地索引和搜索该文件。谢谢最佳答案使用 Solr 进行索引的问题在于它是一个纯文本
jquery - 全日历工作时间 [解决方案]
完整日历不包含工作时间功能选项(在任何一天的议程 View 中选择第一行和最后一行 - 例如公司不工作)。我做到了类似的事情: viewDisplay: function(view){
将下拉子菜单保留在屏幕内的 jQuery 解决方案
我正在使用 bootstrap 作为我的下拉菜单。但有一个问题，如果我的下拉菜单有多级子菜单，那么它会显示在屏幕上，并出现底部滚动条。如何将子菜单保留在屏幕内，我需要一个 jQuery 解决方案。
用于将屏幕抓取到数据表中的 c# 解决方案？
我有一个要转换为 C# 的 Excel 宏。目前我手动转到一个已经打开的 IE 窗口，从中复制所有内容(html 表)并粘贴到 excel 工作表中。然后我正在处理数据。这非常有效，因为将 html
C# 解决方案 - 有多少个项目？
我用谷歌搜索了一下，但没有找到好的结果。现在我正在构建一个网站，我试图从一开始就从设计的角度使其尽可能正确。我现在面临的问题是，在决定开始使用日志记录时，我需要一个项目来放置这段代码。由于我无法在

首页

博学

6Ren·AI

商城

HTML 电子邮件 CSS : Centering the table and table content, 最受支持的解决方案