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

时间:2013-10-07 11:38:24

标签: html css

我正在尝试解决一个问题,即我有2列表格。(见附图)

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

enter image description here

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

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您需要使用'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/

答案 2 :(得分:0)

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