使用datarowview文本对齐下拉列表列表项中心

Question

我已经在 Table 和 paraent 控件中尝试了所有可以想象的 CSS，并且我正在使用 .NET 3.5 C# 中的 DataList 控件中的 DataRowView 填充和格式化 DropDownList。但我不能为我的生活，将下拉列表中的列表项居中。似乎最简单的方法是使用我现在在后面的页面中使用的相同格式化程序......这里是代码。

相信我 Div 标签在列表项上不起作用.. CSS 也不起作用。

如何设置 text-align: Center ??

    if (on == "True")
    {
        DropDownList dl1 = (DropDownList)e.Item.FindControl("ddlOn");
        dl1.BackColor = System.Drawing.Color.LightGreen;
        dl1.ForeColor = System.Drawing.Color.White;
        dl1.Font.Bold = true;
        ListItem li = dl1.Items.FindByValue("True");
        if (li != null)
        {
            li.Selected = true;
        }
    }

这里是DataList控件的ItemTemplate中的DropDownList。

                  <tr>
                    <td>
                        <asp:DropDownList ID="ddlOn" runat="server"
                                AutoPostBack="True" Width="100%" CssClass="cen3">
                            <asp:ListItem>True</asp:ListItem>
                            <asp:ListItem>False</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                  </tr>

Answer 1

我假设您正在尝试将 DropDownList 控件居中到列的中心？

如果是这样，您需要从 DropDownList 中删除 Width="100%" 并将列 text-align 设置为 centered。

<td style="text-align: center">
    <asp:DropDownList ID="ddlOn" runat="server" AutoPostBack="True" CssClass="cen3">
        <asp:ListItem>True</asp:ListItem>
        <asp:ListItem>False</asp:ListItem>
    </asp:DropDownList>
</td>

编辑：根据我已经能够测试，IE（至少到版本 8）不支持在选择或选项标签上设置文本对齐方式。通过直接在生成的 HTML 的 select 元素中设置它，我已经能够让它在 Chrome 和 Firefox 上运行。相同的 HTML 在 IE 中没有任何作用。

我认为您可能无法在 IE 中调整对齐方式。

编辑：在 SO 上找到这个问题，得出相同的结论：

.net dropdownlist align text