基础邮件中的自定义网格？

Question

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

我得到了这个结果

我需要的结果就是这个

任何想法??

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

This's the code

Answer 1

您可能无法立即获得Zurb Foundations（特别是电子邮件）的帮助，因为zurb的背后是墨水标记和所涉及的依赖关系，让人们立即提供帮助有点令人沮丧。我也犹豫不决，因为我不能在像codepen这样的东西上使用墨水。只是想解释为什么你没有收到太多反馈。然而，我为你想出了这个：

<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