0

简单的 CSS：

table.tgi
{
    width:100%;
}

table.tgi td.labelcell
{
    text-align:right;
    color:Red;
}

table.tgi td.valuecell
{
    text-align:left;
    color:Green;
}

简单的 HTML：

<table id="tgi" runat="server" width="100%">
            <tbody>
            <tr>
                <td class="labelcell">ID:</td>
                <td></td>
                <td class="labelcell">Originator:
                </td>
                <td class="valuecell"><asp:Button ID="Button1" runat="server" Text="Button" /></td>
            </tr>
            <tr>
                <td class="labelcell">Expected Ship Date:</td>
                <td class="valuecell"><asp:TextBox ID="txtExpectedShipDate" runat="server"></asp:TextBox></td>
                <td class="labelcell">Actual Ship Date:</td>
                <td class="valuecell"><asp:TextBox ID="txtActualShipDate" runat="server"></asp:TextBox></td>
            </tr>
            </tbody>
        </table>

但是TD样式不起作用...

编辑

我试过这个：

table#tgi
{
    width:100%;
}

table#tgi td.labelcell
{
    text-align:right;
    color:Red;
}

table#tgi td.valuecell
{
    text-align:left;
    color:Green;
}

使用 HTML：

 <table id="tgi" runat="server">
            <tbody>
            <tr>
                <td class="labelcell">ID:</td>
                <td class="valuecell"></td>
                <td class="labelcell">Originator:</td>
                <td class="valuecell"><asp:Button ID="Button1" runat="server" Text="Button" /></td>
            </tr>
            <tr>
                <td class="labelcell">Expected Ship Date:</td>
                <td class="valuecell"><asp:TextBox ID="txtExpectedShipDate" runat="server"></asp:TextBox></td>
                <td class="labelcell">Actual Ship Date:</td>
                <td class="valuecell"><asp:TextBox ID="txtActualShipDate" runat="server"></asp:TextBox></td>
            </tr>
            </tbody>
        </table>

这不起作用...但是如果我将它更改为一个类它可以工作...但是我想用一个 ID 尝试它？？？

4

3 回答 3

1

如果 tgi，您的表有一个 ID，而不是一个类。

修复 #1

<table class="tgi" runat="server" width="100%">

修复 #2

table#tgi
{
    width:100%;
}

table#tgi td.labelcell
{
    text-align:right;
    color:Red;
}

table#tgi td.valuecell
{
    text-align:left;
    color:Green;
}
于 2012-04-19T14:05:41.273 回答
0

由于 tgi 是 table 标记上的一个类，因此您的选择器必须是 table#tgi。有关选择器的更多信息，请参阅css 标准。

于 2012-04-19T14:06:53.813 回答
0

你是选择器状态：

table.tgi

这意味着一个table与类tgi。

您的表没有此类，但它具有作为 ID 的值。要选择作为 ID，您需要使用#而不是.

table#tgi

-- 见示例 --

于 2012-04-19T14:07:23.733 回答