2

标题中解释的行为问题是可以理解的，但我需要一个解决方法。

我在 JSfiddle 中做了一个例子：http: //jsfiddle.net/TBXr4/2/

在第一个 LI 中看到我有几句话。他们没有像我需要的那样排队，但他们正在上市。我该如何解决这个问题？

让我再具体一点，我不想手动设置子UL的宽度，实际上我不想设置一个。我需要一种方法，以便父 UL 设置宽度，而子 UL 将是继承文本的最小宽度。

4

4 回答 4

2

您可以只设置元素的white-space属性：li

li {
    /* other stuff */
    white-space: nowrap;
}

JS 小提琴演示。

这样做的问题是，虽然文本将在 parentul的指定宽度之外可见，但li(it's background-color/ background-image) 的样式不会延续。

参考：

于 2012-06-06T23:00:04.590 回答
1

演示在这里

我想你只想要这个。

于 2012-06-07T10:35:04.430 回答
0

为什么要为您不希望遵守的确切元素 (UL) 指定宽度？

将宽度设置应用于主列表并为子列表分配一个新宽度，如此 jsfiddle 示例所示

于 2012-06-07T13:25:59.463 回答
0

文本没有在一行显示句子的原因是因为您设置了 li, remove 的宽度style="width:35px"。

于 2012-06-06T13:42:50.257 回答