HTML表格对齐左右逢源

Question

我有两列的表：

<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> 

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

Answer 1

以下CSS将在每行中取第二个td并将text-align CSS属性设置为向右对齐。

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

你可以（而且可能应该）当然是添加一个类你的桌上，这条规则，使其只适用于要对齐这样的特定表。

您也可以用它来选择第二列的单元格：

td:nth-child(2) 

，但请记住，因为它是一个CSS3属性它并不像我的第一个例子中的广泛支持。

Answer 2

使用类：

td.leftSide { 
    text-align:left; 
} 

td.rightSide { 
    text-align:right; 
} 

Answer 3

CSS：

table tr td:first-child { 
    text-align:left; 
} 

table tr td:nth-child(1) { // or :last-child 
    text-align:right; 
} 

注意，这些都是CSS3选择器，因此将无法正常工作，是对旧的浏览器。

Answer 4

有多种方法可以做到这一点。其中之一是使用:first-child和:last-child伪类：

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

Example Fiddle