Question

因为标题可能暗示我有一个问题，即我的表格的单元格正在折叠到其中的内容宽度，即使表格的宽度设置为100％。

示例表：

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="first-payment-details" align="left" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important; width: 100%; font-size: 12px; margin: 0;">
  <tr>
    <th style=" color: #818182; font-weight: 100; text-align: left !important;  padding: 7px; border: 1px solid #e2e2e2;" align="left" width="112">Vendor</th>
    <td style=" -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 7px; border: 1px solid #e2e2e2;">Example Vendor Name</td>
  </tr>
</table>

表格中的某些字段是可选的，因此总是有空字段。

任何帮助将不胜感激！

Answer 1

将!important添加到表格html中的style="width:100%"属性中，它现在按预期工作。

解决方案：

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="first-payment-details" align="left" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important; width: 100% !important; font-size: 12px; margin: 0;">

Answer 2

您正在定义并修复<th style>标记中的宽度。我会给它一个百分比，以便它在表格中均匀分隔

...align="left" width="50%">Vendor</th>

当设置为width =＆＃34; 100％＆＃34;时，Gmail应用程序不会将表扩展超出其内容的宽度。

2 个答案: