Css 如何使标签的文本适合其宽度

我在html文档中有一个标签，它有一个固定的宽度，但当文本超过标签的宽度时，它会转到第二行，我希望文本符合给定的宽度，无论它是否显示起始文本。。 这是密码

<div style="width:50%">
    <label id="mlbl" style="width:50%;">text</label>
</div>
<button id="mbtn">click</button>

---

这是小提琴

然后简单使用

空白：nowrap

：

看看这里

添加：

label{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

通过添加

文本溢出：省略号，您可以获得渴望的效果，还可以添加三个点以避免突然剪切文本属性。
注意：
文本溢出
仅适用于单行文本（而不是多行文本）


更新：

因此，无论发生什么情况，您都希望始终显示文本的结尾部分，并且应该隐藏溢出的起始部分。像这样

试试这个

 #mlbl
              {
                overflow : hidden;
                width : 100%;
              }

将
标签
更改为
标签
。这不是解决方案，但是名为
lable
的标记不存在：）在这里使用
label
ins也没有用，除非添加属性
for=“mbtn”
将其与控件相关联。“不管它是否显示起始文本”是什么意思？如果内容不适合一行，则应省略内容的开头？内容是否应该被截断（甚至在一个单词内，或在一个字母内）？此内容的可能副本将跳过结尾文本，我希望在标签中的文本溢出时跳过起始文本。可能吗？如果仍然相关，我会根据你的要求更新答案。可以这样做，但不可能在文本通过css溢出时在开始处添加三个点。不需要三个点。。。谢谢，你帮了我，让我早上过得更好：）这跳过了结束文本，我想在标签中的文本溢出时跳过开始文本。有可能吗？嗯，不确定你的意思：如果标签上有“你好吗？”的话，包装后会显示“你好吗？”看不到这个问题。你能用小提琴来演示这个问题吗？我真的看不出有什么问题。我能看到全文。
 #mlbl
              {
                overflow : hidden;
                width : 100%;
              }