宽度在MVC DropDownList中的选择列表中的过大，因为很长的字符串

Question

的这是在剃刀代码：

@Html.DropDownList("SurveyTitle", ViewBag.SurveyTitle as SelectList, new { style = "max-width: 300px;" }) 

的问题是，这样我只能改变下拉列表的宽度，但在点击它之后不在里面，它列出了所有的选项。 我正在列出一些来自数据库的非常长的字符串，并且在按下下拉列表后，该列表会显示在屏幕的右侧和外侧。

我该如何缩短它？

Answer 1

你不能。选择是一些实际上是OS控制的元素，而不是浏览器控制。这意味着浏览器将渲染委托给操作系统，结果只是控制了它们的外观和功能。浏览器无法控制的内容之一就是扩展下拉的宽度。

你可以做的是使用一个JavaScript库来生成自定义的类似选择控件。我个人喜欢Select2。 “控制”是由常规HTML元素（如div）生成的，因此，完全是100％可定制的端到端。没有使用这样的东西，没有什么可以做的。