Question

我正在尝试将我的.net下拉列表中的文本对齐到右侧。使用CssClass我能够在Firefox中右对齐文本。

IE不会将文本右对齐，它与左对齐。我已经读过IE 6不支持这个。

这是真的吗？

我使用的是IE7，但我的大部分用户都在IE 6中，所以两者都需要工作。

<asp:DropDownList ID="ddlNomination" Width="250px" CssClass="ddlnomination"
    runat="server" DataSourceID="Azoa" DataTextField="nomination_type" 
    DataValueField="nomination_type">
    <asp:ListItem> </asp:ListItem>
</asp:DropDownList>

CSS

.ddlnomination
{
   text-align:right;
}

Answer 1

在IE6，IE7和IE中的Select或Option元素上设置它（text-align="right"）。 IE8（即使在标准模式下）似乎不起作用。

测试后的一些快速统计数据。

Browser    |  Result
 Firefox 3     Passes
 Opera 9.5     Passes
 IE 6          Fails
 IE 7          Fails
 IE 8          Fails
 Safari 3      Fails
 Safari 4      Fails
 Chrome        Fails on the Option element, Passes on the Select element

Answer 2

令人遗憾的是德德里克......

如果在IE6中右对齐它非常重要，也许你可以添加空格来填充元素的左边并使它们测量相同。无论如何真正的痛苦......这个IE6的声望点数为-1！

.net下拉列表对齐文本

2 个答案: