C# 在下拉列表中居中项目
我在webForm应用程序中对dropdownlist中的项目(选项)进行居中时遇到问题 这是一个包含ddl的表:C# 在下拉列表中居中项目,c#,css,webforms,C#,Css,Webforms,我在webForm应用程序中对dropdownlist中的项目(选项)进行居中时遇到问题 这是一个包含ddl的表: <table class="grid"> <tr> <td class="gridPagerCell"> <asp:LinkButton ID="lbFirstPage" runat="server" Text="<<" OnCommand="onPage_
<table class="grid">
<tr>
<td class="gridPagerCell">
<asp:LinkButton ID="lbFirstPage" runat="server" Text="<<" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument="<<" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbPreviosPage" runat="server" Text="<" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument="<" />
</td>
<td class="gridPagerCell">
<asp:DropDownList id="ddlSelectedPage" runat="server" CssClass="gridPagerDropDownList" AutoPostBack="True" OnSelectedIndexChanged="ddlSelectedPage_SelectedIndexChanged" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbNextPage" runat="server" Text=">" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument=">" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbLastPage" runat="server" Text=">>" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument=">>" />
</td>
<td style="width:100%; text-align:right;">
<asp:Literal ID="ltTotalCount" runat="server" />
</td>
</tr>
</table>
问题是,在FF中,我在dll的中心看到下拉列表中的文本,在IE和Chrome中,左侧是文本对齐,但我希望它在所有浏览器的中心对齐
有什么解决方案吗?正如许多帖子中提到的,没有跨浏览器的CSS可以对齐中心选择框。
您总是可以创建一个脚本来隐藏select选项,并用div树模拟它。我找不到任何插件,但可能有一些插件。你能附上你正在经历的行为的屏幕截图吗?
if (!this.IsPostBack)
{
this.ddlSelectedPage.Items.Clear();
for (int i = 0; i <= Helper.GetCountOfGridPages(this.TotalRecords, this.GridPageSize) - 1; i++)
{
var item = new ListItem((i + 1).ToString(), (i + 1).ToString());
this.ddlSelectedPage.Items.Add(item);
}
}
.gridPagerDropDownList
{
width:125px;
text-align:center;
left: auto;
}
.grid
{
width:100%;
color: #000000;
}
.gridPagerCell
{
margin-right: 5px;
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
}