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代码看起来不像这样,请发布一个代码段,我们就能帮到您.