css - css 中填充、边距和透明边框的替代方案？

Question

我正在尝试为 HTML 电子邮件内容准备标记。我有一张表，如下所示。 “标签”出现在 td 的最左边，我需要在标签之前引入一些 10px 的空间。我不能使用 padding/margin/tr td:first-child{border-left: 10px solid transparent} 因为这 3 个选项中的每一个在一个或另一个电子邮件客户端(Outlook、Hotmail 等)中都失败了。

任何人都可以帮我提供一个替代方案，在表格单元格中的“标签”之前引入一些空间。

<table cellspacing="0" cellpadding="0" border="0" width="100%" id="txn-info-container" style="padding: 0px 0px 0px 0px">
    <tr>
        <td width="25">
        </td>
        <td width="550">
            <table border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td>label</td>
                        <td>Value</td>
                    </tr>
                    <tr>
                        <td>label</td>
                        <td>value</td>
                    </tr>
                    <tr>
                        <td>label</td>
                        <td>value</td>
                    </tr>
                </tbody>
            </table>
        </td>
        <td width="25">
        </td>
    </tr>
</table>

注意:td 内宽度为 550 的表格来自 CK-Editor，因此不能对该特定表格进行 html 更改。

Answer 1

您可以尝试将 text-indent: 10px; 添加到单元格中，假设它们是短词或短语并且不会分成多行。