如何证明CSS表单元格合理？

Question

好吧，基本上我有一个css表，看起来像这样

-------------------------------------------------------------
|     First    |    Middle1    |    Middle2    |    Last    |
-------------------------------------------------------------

我正在寻找这个设计

-------------------------------------------------------------
| First        |    Middle1    |    Middle2    |       Last |
-------------------------------------------------------------

第一列向左对齐，中间列向中心对齐，最后一列向右对齐。 目前，我正在使用针对：first-child和：last-child的解决方案，以使其具体对齐。 有没有更好/更聪明的方法？

Answer 1

使用td align属性：

 td { min-width:100px; border:1px solid black; } 

 <table> <tr> <td align="left">Left</td> <td align="center">Center</td> <td align="center">Center</td> <td align="right">Right</td> </tr> </table> 

Answer 2

不再推荐使用align属性。 它们仍然在对齐内容方面起作用，但是通常不应该使用。 使用CSS伪元素选择器定位每行的第一个和最后一个单元格。

td {
    text-align: center;
}

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

tr td:last-child {
    text-align: right;
}

Answer 3

使用CSS：

td {
  text-align: center;
}
td:nth-child(1)
{
  text-align: left;
}
td:nth-child(4)
{
  text-align: right;
}