基金会电子邮件中的自定义网格？答案

【问题标题】：Custom grid in foundation email?基金会电子邮件中的自定义网格？
【发布时间】：2016-06-23 16:49:20
【问题描述】：

我需要在标准网格布局中使用不同大小的网格。

我得到了这个结果

我需要的结果是这样的

有什么想法吗？？

it is much code and I must add many details that can be published

This's the code

【问题讨论】：

你试过的html和css在哪里？在此处发布该代码以及指向jsfiddle.net 的链接

标签： html email zurb-foundation

【解决方案1】：

您可能无法在 Zurb Foundations（特别是电子邮件）中找到即时帮助，因为 zurb 的堆栈在墨迹标记和所涉及的依赖项后面，这使得人们立即提供帮助有点令人沮丧。我也很犹豫要不要回答，因为我不能在 codepen 之类的东西上使用 inky。只是想解释一下为什么您没有收到太多反馈。但是，我为你想出了这个：

<table class="row">
    <tbody>
        <tr>
            <th class="large-6 first columns">
                <a href="#">
                    <img src="//placehold.it/580x500">
                </a>
            </th>
            <th class="large-6 last columns">
                <table class="row">
                    <tbody>
                        <tr>
                            <th class="large-12 first last columns">
                                <a href="#">
                                    <img src="//placehold.it/580x50">
                                </a>
                            </th>
                        </tr>
                    </tbody>
                </table>
                <table class="row">
                    <tbody>
                        <tr>
                            <th class="large-6 first columns">
                                <a href="#">
                                    <img src="//placehold.it/290x210">
                                </a>
                            </th>
                              <th class="large-6 first columns">
                                <a href="#">
                                    <img src="//placehold.it/290x210">
                                </a>
                            </th>
                        </tr>
                    </tbody>
                </table>
                <table class="row">
                    <tbody>
                        <tr>
                            <th class="large-6 first columns">
                                <a href="#">
                                    <img src="//placehold.it/290x210">
                                </a>
                            </th>
                              <th class="large-6 first columns">
                                <a href="#">
                                    <img src="//placehold.it/290x210">
                                </a>
                            </th>
                        </tr>
                    </tbody>
                </table>

            </th>
        </tr>
    </tbody>
</table>

试试这个codepen：

http://codepen.io/anon/pen/bZLzPv

【讨论】：