0

我有一个表格,里面填满了 CSS 类stringcurrency的单元格。我希望字符串列的标题左对齐,货币列的标题右对齐。

有没有办法纯粹用 CSS 来做到这一点?

在下面的代码中,Strings标题将左对齐,Currency标题将右对齐,它应该通过检测该列中单元格的类类型来知道这一点。

注意:单个列(标题下)中的所有单元格将共享相同的类类型。没有混合和匹配。

<table>
    <thead>
        <tr>
            <th>Strings</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tr>
        <td class="string">This is a string.</td>
        <td class="currency">100.00</td>
    </tr>
</table>

我的想法是这样的:

table td.string thead th { // if cells in column are of string type
    text-align:left;
}

table td.currency thead th { // if cells in column are of currency type
    text-align:right;
}

我知道上面的 CSS 不起作用,但是有一些 CSS 诡计会做这样的事情吗?

4

1 回答 1

1

基于给定的注释

Note: All cells in a single column (under the header) will share the same class type. There is no mixing and matching.

您可以尝试在您的 html 和 css 中进行此更改以实现此目的。

html:

<table>
        <thead>
            <tr>
                <th class="string">
                    Strings
                </th>
                <th>
                    Currency
                </th>
            </tr>
        </thead>
        <tr class="currency">
            <td class="string">
                This is a string.
            </td>
            <td class="currency">
                100.00
            </td>
        </tr>
    </table>

CSS:

 .string 
        {
            text-align: left;
        }

        .currency
        {
            text-align: right;
        }

希望这会有所帮助:)

于 2013-05-02T14:56:47.800 回答