Question

我试图创建一个时事通讯，因为我听说我们应该使用表而不是div，这样就不会出现任何设计问题。

所以我在这里尝试的是一个标识应该是最正确的一面，我试图使用rowspan可能是我以错误的方式使用它，我不知道。

应该变成：

enter image description here

HTML

<body>
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="600">
        <tr>
            <td>
                <h1 style="font-size: 24px; font-weight: bold; text-transform: uppercase; color: #444444 !important; margin: 0px; padding: 0px;">
                   Newsletter
                </h1>
            </td>
        </tr>
        <tr>
            <td>
                <h3 style=
                    "color: #444444 !important; font-weight: normal; letter-spacing: 2px; font-size: 18px; margin: 0px; padding: 0px 0px 8px;">
                  small tagline for newsletter</h3>
            </td>
        </tr>
        <tr>
            <td rowspan="2">
                <img alt="news" src="http://i.stack.imgur.com/qjKPW.jpg" />
            </td>
        </tr>
        <tr>
            <td>

            </td>
        </tr>

    </table>
</body>

JSFIDDLE

如何将图像置于右侧，如上图所示。我使用 border 作为参考。一旦图像显示在右侧，我们就会删除它。

Answer 1

您必须使用rowspan而不是 ~~colspan~~

<td rowspan="2">
     <img alt="news" src="http://i.stack.imgur.com/qjKPW.jpg" />
</td>

Demo

Answer 2

使用单<tr>和2 <td>来实现此目标

working demo

Answer 3

您可以在第一行添加额外的<td>并使用rowspan="2"

jsFiddle demo

Answer 4

如果你问我最好在简报中将宽度总是应用到td，当我想在简报中获得空格（并在outlook中工作：P）时，我创建了内部有两个空格的空tds。

<td>&nbsp;&nbsp;</td>

检查您编辑过的JSfiddle

DEMO

我希望我能帮忙。

如何将表格中的图像朝向行的右侧或其他东西对齐？

4 个答案: