水平溢出列表

Question

所以我有一个无序的列表，我试图让li的水平溢出，但每当它们到达边界时，它们就会在换行符下面。关于如何解决这个问题的任何建议？

Answer 1

ul {
    white-space:nowrap;
}
li {
    display:inline;
}

Answer 2

您可以将white-space属性与display:inline-block一起使用，如下所示：

ul {
 white-space:nowrap;
}
li {
 display:inline-block
 *display:inline;/* IE7 */
 *zoom:1;
 white-space:normal;
}