Grid中的单元格对齐

Question

嗨，我有一个网格，我正在尝试风格。为我提供了一个皮肤，其中包含：

#tblPageContent td
{
   padding:0px;
   margin:0px;
   vertical-align:top;
   text-align:left;
}

这用于设置Web应用程序中的其他元素的样式，因此我无法将其删除。

问题是，这样可以将我的网格项目设置为左对齐。我实际上希望他们居中。

我尝试通过在网格中添加一个类并设置：

来覆盖它

.myRadGridClass
{
   text-align="center;
}

和

#myRadGrid td
{
   text-align:center;
}

然而现在这不起作用。

有人可以帮助我让网格细胞居中而不去除皮肤css吗？

Answer 1

您只需要比已经定义的规则更具体。

我认为生成的HTML代码如下所示：

<table id="tblPageContent">
    <tr>
        <td class="myRadGridClass">Content of your cell</td>
    </tr>
</table>

如果你使用以下css，它应该可以工作：

#tblPageContent td.myRadGridClass
{
    text-align:center;
}

如果HTML代码看起来不像这样，请发布一个代码段，我们就能为您提供帮助。