Html 下拉列表CSS

我正在使用一个ASP.NET页面，它有许多dropDownList控件。我正在尝试应用格式设置，这样我就可以将其放入一个小面板中，而不必将较长的命名列表项吹出控件。我对它们应用了%width，这解决了it拟合的问题，但随后控件未对齐。试图弄清楚如果控件的另一侧没有更多的空间，如何使显示器向左移动

下面是下拉列表：

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

---

在HTML中格式化下拉列表是一件痛苦的事情（通常不推荐IIRC），因为每个浏览器处理它们的方式不同。我不相信你可以做文字包装内的下拉列表；即使这是可能的，我可以想象浏览器之间会有一些问题。如果可以，我会缩短导致问题的下拉列表中的内容。如果确实需要区分，则创建一个javascript事件，该事件将显示一个具有区分功能的新下拉列表

---

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

格式化HTML下拉列表是一件痛苦的事（通常不推荐IIRC），因为每个浏览器处理它们的方式都不同。我不相信你可以做文字包装内的下拉列表；即使这是可能的，我可以想象浏览器之间会有一些问题。如果可以，我会缩短导致问题的下拉列表中的内容。如果确实需要区分，则创建一个javascript事件，该事件将显示一个具有区分功能的新下拉列表

---

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

如果你可以共享HTML和CSS，让事情更容易理解，那就更好了。这真的是与C#ASP.NET相关的事情吗？我看不到任何联系，尤其是与C#编程语言的联系。库马尔，这里没有太多东西可以展示，这就是我所拥有的。阿尔，说真的，那条评论值得花时间来输入吗？@TrevorGoodchild呈现的HTML是库马尔想要的。在浏览器中查看页面上的源代码，复制HTML（最好仅用于dropdownlist）并粘贴到此处。也就是说，如果它呈现的是

元素，那么您的格式化选项将受到限制。您可能需要考虑使用诸如jQuery UI、Bootstrap、Kendo等UI框架。如果您可以共享HTML和CSS，使事情更容易理解，那就更好了。这真的与C#ASP.NET相关吗？我看不到任何联系，尤其是与C#编程语言的联系。库马尔，这里没有太多东西可以展示，这就是我所拥有的。阿尔，说真的，那条评论值得花时间来输入吗？@TrevorGoodchild呈现的HTML是库马尔想要的。在浏览器中查看页面上的源代码，复制HTML（最好仅用于dropdownlist）并粘贴到此处。也就是说，如果它呈现的是

元素，那么您的格式化选项将受到限制。您可能需要研究使用诸如jQueryUI、Bootstrap、Kendo等UI框架。是的，我在这里有一个框。这是一个Sharepoint解决方案，它让人更加头疼。我会看看我是否能缩短下拉列表中的内容。谢谢你的意见。是的，我有点不知所措。这是一个Sharepoint解决方案，它让人更加头疼。我会看看我是否能缩短下拉列表中的内容。谢谢你的意见。

    .ddlstyle 
   {
    width: 35%
    }