1

我正在使用 Ink 尝试从电子商务商店创建订单确认电子邮件。如果我有一个显示项目信息或我布局的任何类型数据的表格，则在将大小调整为小时，最后一列将被压缩为一个字符宽度。附加了 6 列单元格中的示例代码以及输出屏幕截图。

有什么想法可以解决这个问题吗？

截屏

                      <table class="six columns">
                    <tr>
                      <td>
                          <table width="100%">
                            <tr>
                                <td>Subtotal</td>
                                <td>$60.00</td>
                            </tr>
                            <tr>
                                <td>Shipping & Handling</td>
                                <td>$11.91</td>
                            </tr>
                            <tr>
                                <td><strong>Grand Total</strong></td>
                                <td><strong>$71.91</strong></td>
                            </tr>
                        </table>
                      </td>
                      <td class="expander"></td>
                    </tr>
                  </table>
4

2 回答 2

0

墨水sub-grid在这里很有用。

HTML

<table class="body">
<tr>
  <td class="center" align="center" valign="top">
    <div class="c1">
      <table class="row">
        <tr>
          <td class="wrapper">
            <table class="twelve columns">
              <tr>
                <td class="ten sub-columns">Subtotal</td>

                <td class="two sub-columns last">$10</td>

                <td class="expander"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

      <table class="row">
        <tr>
          <td class="wrapper">
            <table class="twelve columns">
              <tr>
                <td class="ten sub-columns">S&amp;H</td>

                <td class="two sub-columns last">$2</td>

                <td class="expander"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

      <table class="row">
        <tr>
          <td class="wrapper">
            <table class="twelve columns">
              <tr>
                <td class="ten sub-columns">Total</td>

                <td class="two sub-columns last">$12</td>

                <td class="expander"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
  </td>
</tr>
</table>

截屏

在此处输入图像描述

这是演示。

于 2015-03-24T20:22:47.827 回答
0

我认为 Ink 仅用于创建响应式电子邮件布局。如果您想要更多内容，可以使用标准 HTML。所以<table>,和. <tr>_<td><th>

于 2015-10-11T16:46:54.693 回答