Question

我在.aspx文件中有一个像这样的表

 <asp:Table ID="tblRoles" runat="server" GridLines="Both" HorizontalAlign="center" Style="margin-top: 1em; margin-left:1em; margin-right:1em;">
    <asp:TableHeaderRow ForeColor="White" BackColor="DodgerBlue" Style="background: linear-gradient(to bottom right, #6688FF, #AACCFF); height: 4em; text-align: center; text-transform: capitalize;">
        <asp:TableHeaderCell Text="one"/>
        <asp:TableHeaderCell Text="two" width="10%"/>
        <asp:TableHeaderCell Text="three" width="10%"/>
    </asp:TableHeaderRow>
</asp:Table>

在cs文件中，填充表格的代码包括文本和按钮。例如，

TableRow row = new TableRow();
            TableCell cellEdit = new TableCell();
            Button btnEdit = new Button();
            btnEdit.Text = "Edit";
            btnEdit.Attributes.Add("onclick", "return btnEditClick();");
            cellEdit.Controls.Add(btnEdit);

表格在页面上很好地格式化，但每个单元格内的元素对齐到左侧。有没有办法让内容集中在表格中？

Answer 1

将text-align: center添加到表格样式标记：

<asp:Table ID="tblRoles" runat="server" GridLines="Both" HorizontalAlign="center" Style="margin-top: 1em; margin-left:1em; margin-right:1em; text-align: center;">

或者，如果可能，请在网站的CSS文件中执行此操作。

Answer 2

在CSS中，提供table td { text-align: center; }

表格单元格中的中心按钮/文本

2 个答案: