.net - 增加下拉列表的宽度

Question

如何在 ASP.NET 中增加 DropDownList 的宽度？

Answer 1

您可以在 .CSS 文件、内联或使用 STYLE 标记中执行此操作。您也可以通过设置属性（DropDownList1.Attribute.Add("style","etc...")）在代码隐藏中执行此操作。

CSS：

.ChangeWidth
{
    width:400px;    
}

标记：

<asp:DropDownList ID="DropDownList1" CssClass="ChangeWidth" runat="server">
</asp:DropDownList>

Answer 2

我建议您使用动态宽度，如下所示：

<script type="text/javascript">
    function autoWidth()
    {
        var maxlength = 0;
        var mySelect = document.getElementById('Select1');
        for (var i=0; i<mySelect.options.length;i++)
        {
            if (mySelect[i].text.length > maxlength)
            {
                maxlength = mySelect[i].text.length;
            }
        }
        mySelect.style.width = maxlength * 10;
    }
</script>

并像这样使用它：onclick="autoWidth()"

Answer 3

<asp:DropDownList ID="DropDownList1" width="50px" runat="server"> 
</asp:DropDownList> 

Answer 4

<asp:DropDownList ID="DropDownList1" width="50px" runat="server" width="100px"> </asp:DropDownList> 您可以通过给出或定义css文件`.Drop来增加DropDownList的宽度

{ 宽度：100 像素；}`