有没有一种方法可以使水平ul从页面上跑开，而不是不使用相对定位而自动换行？

Question

假设我有一个无序列表元素，它在水平行（内联）上显示列表项，但是内容比包含元素宽。 有没有一种方法可以让他们简单地从页面开始运行，而不用不使用绝对定位就放到新行？

Answer 1

当然可以，只需使用：

ul {
    white-space: nowrap;
}

JS小提琴演示 。

这迫使包含的内容沿一条非包装线继续。

参考文献：

• 在MDN white-space属性 。

Answer 2

只需使用white-space: nowrap;为容器设置样式white-space: nowrap; 。