ASP.NET WebForms中如何为合并两列的下拉框文本添加空格

方法1：使用Unicode非换行空格代替普通空格 #

普通空格在HTML的<select>元素里会被自动合并为单个空格，你可以用Unicode的非换行空格（\u00A0）来拼接文本，浏览器会保留这些空格：

DataSet d = GetDateSet();

EnumerableRowCollection a = from t in d.Tables[0].AsEnumerable()
                            select new
                            { 
                                txt = t[0] + "\u00A0\u00A0\u00A0\u00A0" + t[1], 
                                val = t[0]  
                            };
ddlCustomer.DataSource = a;
ddlCustomer.DataTextField = "txt"; // 显式指定绑定字段，避免隐式绑定的潜在问题
ddlCustomer.DataValueField = "val";
ddlCustomer.DataBind();
ddlCustomer.Items.Insert(0, "Select Customer Here");

方法2：通过CSS样式强制保留空格 #

给DropDownList添加CSS样式，让浏览器按预格式化规则处理文本，保留所有空格：

1. 给DropDownList添加样式类：

<asp:DropDownList ID="ddlCustomer" runat="server" CssClass="preserve-spaces"></asp:DropDownList>

2. 在页面样式表中添加规则：

.preserve-spaces {
    white-space: pre;
}

之后用普通空格拼接文本即可生效：

DataSet d = GetDateSet();

EnumerableRowCollection a = from t in d.Tables[0].AsEnumerable()
                            select new
                            { 
                                txt = t[0] + "    " + t[1], 
                                val = t[0]  
                            };
ddlCustomer.DataSource = a;
ddlCustomer.DataTextField = "txt";
ddlCustomer.DataValueField = "val";
ddlCustomer.DataBind();
ddlCustomer.Items.Insert(0, "Select Customer Here");

内容的提问来源于stack exchange，提问作者S Nash