Question

当第一列包含html表中的数据和空单元格时，如何均匀对齐第二列数据单元格？

例如，如何将以下数据与html表格对齐。

Column1     Column2
===================
data 1      data 2
            data 3
            data 4
            data 5
blank line
data 1      data 2
            data 3
            data 4
            data 5`

Answer 1

像这样？演示：http://jsfiddle.net/a2ckX/

<table cellpadding="5" cellspacing="0">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td style="vertical-align: top">data 1</td>
        <td>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>Data 2</td>
                </tr>
                <tr>
                    <td>Data 3</td>
                </tr>
                <tr>
                    <td>Data 4</td>
                </tr>
                <tr>
                    <td>Data 5</td>
                </tr>
                <tr>
                    <td>Data 6</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="2">Spacer</td>
    </tr>
    <tr>
        <td style="vertical-align: top">data 1</td>
        <td>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>Data 2</td>
                </tr>
                <tr>
                    <td>Data 3</td>
                </tr>
                <tr>
                    <td>Data 4</td>
                </tr>
                <tr>
                    <td>Data 5</td>
                </tr>
                <tr>
                    <td>Data 6</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

当第一列包含html表中的数据和空单元格时，如何均匀地对齐第二列数据单元格？

1 个答案: