无法将 table header 中的值居中对齐 asp.net
Can't center align values in table header in asp.net
我正在尝试将 table header 单元格 'cow' 和 'heifer' 的值居中对齐。我已经以编程方式为 table 行完成了此操作,但出于某种原因它不会为 header 行执行此操作。我正在为每个单独的单元格执行此操作,因为我不希望第一列 'measurements' 居中。如果您查看下面的代码,您会发现我已经为 'cow' 的 tableheader 单元格添加了一个 horizontalalign,但它没有显示为居中。
<asp:Table ID="Table1" runat="server" Width="1050px" Visible="True" GridLines="Both">
<asp:TableHeaderRow BackColor="Black" ForeColor="Silver" Font-Bold="True">
<asp:TableHeaderCell>Measurements</asp:TableHeaderCell>
<asp:TableHeaderCell HorizontalAlign="Center">Cow</asp:TableHeaderCell>
<asp:TableHeaderCell>Heifer</asp:TableHeaderCell>
</asp:TableHeaderRow>
</asp:Table>
我做错了什么很明显吗?
这与他们在 W3schools link 中所做的相同 - http://www.w3schools.com/aspnet/prop_webcontrol_tablecell_horizontalalign.asp
您的代码看起来不错。该行为可能是由 CSS 污染、您使用的浏览器或 DOCTYPE 引起的。
有时 HTML 页面变得如此复杂以至于渲染问题难以追踪,解决方案依赖于对背后代码的一些调整。
尝试在后面的代码中加入如下代码:
Table1.Rows[0].Cells[1].Attributes.Add("style", "text-align:center !important;");
Table1.Rows[0].Cells[2].Attributes.Add("style", "text-align:center !important;");
如果这不起作用,你能post更多你的代码吗?
我正在尝试将 table header 单元格 'cow' 和 'heifer' 的值居中对齐。我已经以编程方式为 table 行完成了此操作,但出于某种原因它不会为 header 行执行此操作。我正在为每个单独的单元格执行此操作,因为我不希望第一列 'measurements' 居中。如果您查看下面的代码,您会发现我已经为 'cow' 的 tableheader 单元格添加了一个 horizontalalign,但它没有显示为居中。
<asp:Table ID="Table1" runat="server" Width="1050px" Visible="True" GridLines="Both">
<asp:TableHeaderRow BackColor="Black" ForeColor="Silver" Font-Bold="True">
<asp:TableHeaderCell>Measurements</asp:TableHeaderCell>
<asp:TableHeaderCell HorizontalAlign="Center">Cow</asp:TableHeaderCell>
<asp:TableHeaderCell>Heifer</asp:TableHeaderCell>
</asp:TableHeaderRow>
</asp:Table>
我做错了什么很明显吗?
这与他们在 W3schools link 中所做的相同 - http://www.w3schools.com/aspnet/prop_webcontrol_tablecell_horizontalalign.asp
您的代码看起来不错。该行为可能是由 CSS 污染、您使用的浏览器或 DOCTYPE 引起的。
有时 HTML 页面变得如此复杂以至于渲染问题难以追踪,解决方案依赖于对背后代码的一些调整。
尝试在后面的代码中加入如下代码:
Table1.Rows[0].Cells[1].Attributes.Add("style", "text-align:center !important;");
Table1.Rows[0].Cells[2].Attributes.Add("style", "text-align:center !important;");
如果这不起作用,你能post更多你的代码吗?