我有一个下拉列表，其中填充了两个字段。 Old_ItemID和ItemDescription。用户需要在下拉菜单中同时看到这两个字段。

问题在于那是一团糟。最初，这两个字段之间没有任何间隔地相邻放置。它看起来很凌乱并且很难看。从下面的代码中可以看到，我添加了一些间距。那就好多了。

现在的问题是，由于每个Old_ItemID的长度不同，并且未对齐，并且根据Old_ItemID的字符数，它会将ItemDescription向左或向右推。因此，它看起来是无组织的。

是否有办法在选项卡设置中证明这些列的合理性，或者以某种方式使对齐方式正确？

控制器代码

List<SelectListItem> SuppliesList = db.ICS_Supplies.Where(s => s.InvType == "G").Select(x => new SelectListItem { Value = x.Supplies_ID.ToString(),Text = x.Old_ItemID + "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0" + "  |  " + "  " + " Description:  " + x.ItemDescription,Selected = false }).DistinctBy(p => p.Text).OrderBy(p => p.Text).ToList();

ViewBag.SuppliesList = new SelectList(SuppliesList,"Value","Text");

查看代码

<div class="form-group">

    @Html.Label("Supplies Requested:",new { @class = "form-control" })

    @Html.DropDownList("SuppliesList",null,"Select",new { @class = "form-control",@onchange = "supplychange()" })

</div>

注意：在问这个问题之前，我做了一些研究，这是我发现如何添加空格的地方。但是我似乎找不到任何资源来显示如何以适当的间距对齐，以使其看起来专业而不马虎。我想应该是一个普通的请求吗？