如何让ASP.NET MVC中Label文本不换行，保持单行显示？

1. 用CSS强制文本不换行 #

给Label添加white-space: nowrap属性，这是实现单行显示的核心：

/* 全局所有Label生效 */
label {
    white-space: nowrap;
    /* 可选：文本过长时添加溢出处理，避免布局错乱 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}

/* 仅针对特定区域的Label（比如表单内的） */
.form-container label {
    white-space: nowrap;
}

2. 宽度调整的必要性 #

如果添加nowrap后文本溢出容器或挤压其他元素，就得调整宽度：

• 检查Label的父容器：如果父容器设了固定宽度且不足容纳单行文本，把宽度改成width: auto，或者设置合适的min-width。
• 若用了栅格框架（比如Bootstrap），调整列宽类（比如col-md-3改col-md-4）来增加Label的可用空间。

3. 结合ASP.NET MVC代码示例 #

假设你的视图代码是这样的：

<div class="form-group">
    @Html.LabelFor(m => m.LastWorkingDay, new { @class = "control-label" })
    @Html.TextBoxFor(m => m.LastWorkingDay, new { @class = "form-control" })
</div>

可以直接修改control-label类的样式：

.control-label {
    white-space: nowrap;
    min-width: 200px; /* 根据你的文本长度设置最小宽度 */
}

内容的提问来源于stack exchange，提问作者ahmed abdelaziz