html cellpadding一个单元格的左侧

Question

我想将文本填入右侧的单元格中,并留出额外的空间.

我不使用CSS样式表.

这是我的<table border="1" CELLPADDING="5">正确大小的代码,例如我想要10.

谢谢 .

Answer 1

这就是css的用途...... HTML不允许不等填充.当你说你不想使用样式表时,这是否意味着你可以使用内联css？

<table>
    <tr>
        <td style="padding: 5px 10px 5px 5px;">Content</td>
        <td style="padding: 5px 10px 5px 5px;">Content</td>
    </tr>
</table>

如果您因某些原因迫切不想使用样式表,也可以使用JS来执行此操作.

Answer 2

我建议使用内联CSS样式.

<table border="1" style="padding-right: 10px;">
<tr>
<td>Content</td>
</tr>
</table>

要么

<table border="1">
<tr style="padding-right: 10px;">
<td>Content</td>
</tr>
</table>

要么

<table border="1">
<tr>
<td style="padding-right: 10px;">Content</td>
</tr>
</table>

我不太关注你的需要,但这就是我要做的,假设我理解你的需要.

Answer 3

我最近不得不这样做，目的是为不支持CSS的电子邮件客户端创建外观精美的电子邮件。对于仅HTML的解决方案，我使用包装表来提供填充。

<table border="1" cellspacing="0" cellpadding="0">
    <tr><td height="5" colspan="3"></td></tr>
    <tr>
        <td width="5"></td>
        <td>
            This cells padding matches what you want.
            <ul>
                <li>5px Left, Top, Bottom padding</li>
                <li>10px on the right</li>
            </ul>    
            You can then put your table inside this
            cell with no spacing or padding set.                    
        </td>
        <td width="10"></td>
    </tr>
    <tr><td height="5" colspan="3"></td></tr>
</table>

截至2017年，您只为旧的电子邮件客户端支持执行此操作，这已经过头了。