html - 在html电子邮件中对齐表格中的数据单元格元素
问题描述
我有一个如下所示的屏幕截图,我必须在 HTML/CSS 中复制它。
附件是我现在可以复制的小提琴。我正在编写 HTML 电子邮件,这就是我在小提琴中使用内联样式的原因。
问题陈述:
我想知道我需要在小提琴中添加哪些内联样式,以便能够复制上面的屏幕截图,这意味着字符之间的换行符。
我知道它可以实现,padding-left
padding-right
但我仍然无法在屏幕截图中复制它。
我用来实现上述屏幕截图的代码片段是:
<tr>
<td style="padding-bottom: 3%;text-align:left;padding-left:10%;">booking start date: Thursday 2nd of November 2017 03:15 AM</td>
<td style="text-align:center;padding-bottom: 3%;padding-left:10%;">booking end date: Thursday 16th of November 2017 03:15 AM</td>
</tr>
解决方案
也许你可以<br>
用来打破界限。
工作示例:https ://jsfiddle.net/79k6oxmq/
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="mobile" style="margin: 0 auto;" align="center">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style=" font-size:20px;padding-top:2%;">
<tr>
<td style="text-align:center; padding:0 10% 3% 10%;">booking start date:<br>Thursday<br> 2nd of November 2017<br> 03:15 AM</td>
<td style="text-align:center; padding:0 10% 3% 10%">booking end date:<br> Thursday<br>16th of November 2017<br>03:15 AM</td>
</tr>
</table>
</td>
</tr>
</table>
推荐阅读
- python - Raid alert catch python脚本需要添加Nagios逻辑
- python - 如何使用切片提取列表中的部分项目?
- assembly - 如何在汇编编程语言中分配位域 - NASM
- julia - 使用 Turing.jl 对 AR(2) 进程进行采样时出现 TypeError
- python - Jenkins python脚本没有运行
- php - 单击php中的提交按钮后如何使用id获取此名称
- html - 引导导航栏中的悬停效果不起作用
- scala - 基于案例类属性的scala聚合
- java - 如何使用 ThreadLocal
在页面对象模型中 - npm - 我可以将 Webpack 文件链接在一起吗?