DropDownList CSS

Question

我正在使用具有多个dropDownList控件的ASP.NET页面。我正在尝试应用格式设置，因此我可以将其放入一个小面板中，而不会使较长的命名列表项目超出控件。我对它们应用了％宽度，这解决了它适合的问题，但随后控件变得不对齐。如果控件另一侧没有更多空间，试图找出如何让显示器向左移动。

这是下拉列表：

 <asp:DropDownList
      ID="ddlDownloadsSector"
      AutoPostBack="true"
      CssClass="ddlstyle"
      EnableViewState="true"
      OnSelectedIndexChanged="ddlDownloadsSector_SelectedIndexChanged"
       runat="server" />

以及这里的风格：

    .ddlstyle 
   {
    width: 35%
    }

Answer 1

格式化HTML中的下拉列表很痛苦（通常不建议使用IIRC），因为每个浏览器都会以不同的方式处理它们。我不相信你可以在下拉菜单中做文字包装;即使有可能，我可以想象浏览器之间会有一些问题。如果可以，我会缩短导致问题的下拉列表中的内容。如果您真的需要区分，请创建一个javascript事件，显示带有区别特征的新下拉列表。

编辑：正如Mike在评论中指出的那样，你可以使用一些UI框架来解决这个问题，但我认为如果你只是使用普通的CSS / HTML / JS，那么你的选择是有限的。