Html 溢出：隐藏在div中不工作

我需要我的元素在一行中显示，并在溢出时隐藏，但是如果屏幕宽度太短，我当前的代码会中断该行。当屏幕宽度较短时，如何使元素隐藏在溢出上

---

在

.container

上，要添加

空白：nowrap

在

.container

上，您要添加

空白：nowrap
溢出：如果容器没有固定大小，则隐藏的

将不起任何作用。您还需要添加

空白：nowrap

，以防止文本换行

您的CSS将如下所示：

.container {
    display: block
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.element {
    display: inline-block;
    border: solid black 1px;
}

---

溢出：如果容器没有固定大小，则隐藏的
将不会起任何作用。您还需要添加
空白：nowrap
，以防止文本换行

您的CSS将如下所示：

.container {
    display: block
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.element {
    display: inline-block;
    border: solid black 1px;
}

无换行
对于
空白
无效。是，请注意打字错误，尤其是对于值。。。你的代码看起来像--->就像他的代码你什么都没做很抱歉，我解决了所有问题。
不换行
不是
空白
的有效值。是的，请注意输入错误，尤其是值。。。你的代码看起来像--->就像他的代码你什么都没做很抱歉，我解决了所有的问题。
.container {
    display: block
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.element {
    display: inline-block;
    border: solid black 1px;
}