0

我想根据标题上的类对齐表中的列。例如，如果我有下表：

<table>
    <thead>
        <th>Name</th>
        <th class="price">Price</th>
    </thead>
    <tbody>
        ....
    </tbody>
<table>

我知道我可以使用 :nth-of-type 但有时该列将是第 2 列，其他时间将是第 5 列，并且在某些地方我将在同一个表中的多个列向右对齐。

有没有办法做到这一点？我不需要支持旧版浏览器，甚至不需要 Internet Explorer 9（如果适用于 chrome 和/或 firefox 对我来说就足够了）

只是为了澄清起见，我想对齐与标题列相关联的正文中的列中的文本

4

2 回答 2

1

不，您不能设置表格单元格的样式，以便样式取决于class列标题上的属性th。CSS 中没有任何东西以这种方式连接单元格。

对齐列最可靠的方法是class在其中的每个单元格上生成属性。好吧，从技术上讲，使用 HTMLalign属性更加健壮。

于 2013-07-14T16:49:19.733 回答
0

编辑：正如下面评论的，这只适用于一些属性。不包括文本对齐。

把它放在你的 CSS 中：

col.price { text-align:right; }

还有你的 HTML：

<table>
  <col />
  <col class="price" />
  <tr>
    <td>First TD of first TR</td>
    <td>9,95</td>
  </tr>
  <tr>
    <td>First TD of second TR</td>
    <td>4,85</td>
  </tr>
</table>

参考：http: //quirksmode.org/css/css2/columns.html

于 2013-07-14T15:20:38.727 回答