1

我试图在我LI的 s 中证明/分发我的 s UL，并且我已经设法在除 IE7 之外的所有浏览器中这样做。看看这个在 IE7 和任何其他浏览器中 - 只有在 IE7 中它无法传播（导航UL是Hiya Hola Bonjour Ni Hao Yo!和Cookie Cheese Mangoes Underwear）。

我正在使用IE7 JS Library，所以我的使用:after不是问题。我的用法也不是inherit。

详细说明问题的图片（请注意，JSFiddle 和下面的屏幕截图中的文字不同）：

在此处输入图像描述

几个小时以来，我一直在绞尽脑汁。有人可以将我推向正确的方向吗？谢谢！:)

PS它还不是很漂亮，但是颜色只是为了澄清，如果你质疑我的品味:)

4

1 回答 1

0

耶，我找到了答案。

我display:inline-block, zoom:1, *display:inline从UL.justify（有效地使其成为display:block）中删除，并添加了-ms-text-justify:distribute-all-lines; text-justify:distribute-all-lines. 我添加text-align: left到LIs，et voìla，它在所有浏览器中运行良好。

如果你想:after在 IE7 中使用，我会推荐IE7 JS Library。但是，如果您想在不依赖 Javascript 的情况下执行此操作（我一般都订阅该学派，但在这种情况下不是），您可以使用针对lt IE8显示的条件注释<div class="justifyAfter"></div>。

希望这对任何人都有用:)

这是代码：

/* Navigation */
nav li {
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    text-align: left;
}

.justify {
    text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;
}

.justify:after, . justifyAfter {
    content: "";
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    width: 100%;
}
于 2012-08-26T10:07:45.100 回答