html cellpadding一个单元格的左侧

时间:2011-12-30 18:33:01

标签: html

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

我不使用css样式表。

这是我正确尺寸的代码<table border="1" CELLPADDING="5">,例如我想要10。

谢谢。

6 个答案:

答案 0 :(得分:42)

这就是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来执行此操作。

答案 1 :(得分:12)

我建议使用内联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>

我不太满足你的需要,但这就是我要做的,假设我了解你的需要。

答案 2 :(得分:3)

我最近不得不这样做,为不支持CSS的电子邮件客户端创建一些体面的电子邮件。对于仅HTML的解决方案,我使用包装表来提供填充。

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

从2017年开始,您只能在旧的电子邮件客户端支持下执行此操作,这非常有点过头了。

答案 3 :(得分:1)

好吧,正如地狱火建议你可以使用td宽度,或者你可以在td中放置一个元素并调整其宽度。我们无法使用

CSS property Padding

Microsoft Outlook填充中不起作用。 所以我必须做的是,

<table>
    <tr>
        <td><span style="display: inline-block; width: 40px;"></span><span>Content<span></td>
        <td>Content</td>
    </tr>
</table>

使用此功能,您可以调整左右间距。对于顶部和底部间距,您可以使用td的height属性。像,

 <table>
        <tr>
            <td style="vertical-align: top; height: 100px;">Content</td>
            <td>Content</td>
        </tr>
    </table>

这将增加底部空间。

希望它对你们有用。 :)

答案 4 :(得分:0)

我选择使用这两种方法。桌面上的Cellpadding作为后备,以防内联样式不适合大多数客户端的内联样式。

&#13;
&#13;
<table cellpadding="5">
  <tr>
    <td style='padding:5px 10px 5px 5px'>Content</td>
    <td style='padding:5px 10px 5px 5px'>Content</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 5 :(得分:-4)

我一直使用内联css,因为我希望绝对控制设计并将不同的东西从一个单元格到另一个单元格进行不同的对齐。

不难理解......

无论如何,我只是在我的标签中放了这样的东西:

style ='padding:5px 10px 5px 5px'

订单代表顶部,右侧,底部和左侧。