У меня проблема с центрированием элементов (опций) в раскрывающемся списке в приложении webForm.Элементы центра в DropDownList
это таблица с DDL:
<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>
в код я связывании DropDownList:
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);
}
}
это CSS Стиль:
.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;
}
Проблема заключается в том, что в FF Я вижу текст в выпадающем списке в центре dll, в IE и Chrome - это текстовое выражение слева, но я хочу, чтобы он был включен в центр во всех броузерах wsers ...
Любая идея для решения?
Можете ли вы приложить снимок экрана о поведении, которое вы испытываете? –