Css HTML表双向对齐

我有一个包含两列的表：

<table border="1" bordercolor="#FFCC00" style="background-color:#FFFFCC" width="250" cellpadding="3" cellspacing="3">
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
    <tr>
        <td>Table Cell</td>
        <td>Table Cell</td>
    </tr>
</table>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/html_table_tutorial.cfm" target="_top">HTML Tables</a></p>

表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格

---

我对课文有问题。如何将左侧文本与左侧对齐，将右侧文本与右侧对齐？还有其他的方法吗

以下CSS将在每行中取第二个

td

，并将

文本对齐

CSS属性设置为向右对齐

td:first-child+td {
    text-align: right;
}

当然，您可以（也可能应该）向表和该规则添加一个类，以便它只应用于您希望以这种方式对齐的特定表

还可以使用此选项选择第二列中的单元格：

td:nth-child(2)

---

但是请记住，由于它是一个CSS3属性，因此没有我的第一个示例那么广泛地支持它。

下面的CSS将在每行中使用第二个

td

，并将

文本对齐

CSS属性设置为向右对齐

td:first-child+td {
    text-align: right;
}

当然，您可以（也可能应该）向表和该规则添加一个类，以便它只应用于您希望以这种方式对齐的特定表

还可以使用此选项选择第二列中的单元格：

td:nth-child(2)

但请记住，由于它是CSS3属性，因此没有我的第一个示例那么广泛地支持它。

使用类：

td.leftSide {
    text-align:left;
}

td.rightSide {
    text-align:right;
}

使用类别：

td.leftSide {
    text-align:left;
}

td.rightSide {
    text-align:right;
}

CSS:

请注意，这些是CSS3选择器，因此不会像在旧浏览器上那样工作

CSS：

---

请注意，这些是CSS3选择器，因此不会像在旧浏览器上那样工作

有多种方法可以做到这一点。一种方法是使用和伪类：

td:last-child {
    text-align: right;
}
td:first-child {
    text-align: left;
}

---

有多种方法可以做到这一点。一种方法是使用和伪类：

td:last-child {
    text-align: right;
}
td:first-child {
    text-align: left;
}

---

你的确切意思是什么？将左侧的TDs与左侧对齐，将最右侧的TDs与右侧对齐？您的确切意思是什么？将左侧的TDs与左侧对齐，将最右侧的TDs与右侧对齐？