html - 如何让孩子 UL 离开父母 UL

Question

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

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

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

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

score 2 · Accepted Answer

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

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

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

参考：

score 1 · Accepted Answer

1

我想你只想要这个。

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

4 回答 4