html - 如何使用定义的边距对齐不同行中的文本

Question

我正在尝试解决一个问题，我的表格有 2 列。（见附图）

我还没有找到解决方案的问题是，我需要从最长的文本到第二个表格列的右边距始终保持 30px 右边距，但是该列中的文本必须与左边对齐（最长的一个和其他人必须从同一位置开始）。有可能实现吗？

宽度设置为 80% 的列不必为此宽度。

Answer 1

添加padding-right: 30px到第二列。就那么简单。

Answer 2

padding-right: 30px;为该表列添加

Answer 3

您需要的是利用 'padding-' 属性。

<table>
    <tr>
        <td style="padding-right:30px;">
            Test1
        </td>
        <td>
            Some other text
        </td>
    </tr>
    <tr>
        <td style="padding-right:30px;">
            Test185
        </td>
        <td>
            Some other text
        </td>
    </tr>
    <tr>
        <td style="padding-right:30px;">
            Test1
        </td>
        <td>
            Some other text
        </td>
    </tr>
</table>

在这里查看...您可以进行更改并进行测试。 http://jsfiddle.net/tfFbZ/