CSS修复容器和溢出元素

我想知道这是否是一种强制固定容器的溢出元素位于同一行而不是新行的方法

谢谢。

是的，有办法

您必须将display:inline块替换为float:left，并将空格：nowrap添加到父元素：

见：

如果不希望元素之间有任何空格，解决此新问题的最简单方法是删除HTML中的空白，如下所示：

有关删除空间时可能不关心的其他选项，请参见：

最后，如果您关心IE7支持，请使用以下方法：

是的，有办法

您必须将display:inline块替换为float:left，并将空格：nowrap添加到父元素：

见：

如果不希望元素之间有任何空格，解决此新问题的最简单方法是删除HTML中的空白，如下所示：

有关删除空间时可能不关心的其他选项，请参见：

最后，如果您关心IE7支持，请使用以下方法：

见：

您可以使用空格：nowrap和display:inline-但您可能不希望display:inline。

请参阅：

您可以使用空白：nowrap和display:inline-但您可能不需要display:inline

ul {
    width: 300px;
    height: 30px;
    background: red;
    white-space: nowrap
}
li {
    display: inline-block
}