html - CSS“空白:nowrap”在表列中不起作用

我在页面上有一个表格，允许对表格中的项目进行内联编辑。该表的最后一列包含可以对该项目执行的操作：

但是，在编辑项目并添加输入框时，操作列开始包装。我尝试添加white-space: nowrap无效。还有另一种方法可以强制不换行吗？

这些行基于this template填充在JS中。

最佳答案

如果您输入white-space: nowrap，它将不会中断！

.location-actions {
    white-space: nowrap;
}