均匀分布的LI在IE7中不起作用

时间:2012-08-26 09:22:21

标签: css internet-explorer-7 html-lists text-alignment

我正在尝试在我的LI中证明/分发我的UL,我已经设法在除IE7之外的所有浏览器中执行此操作。看看IE7中的this和任何其他浏览器 - 仅在IE7中它无法传播(导航UL Hiya Hola Bonjour Ni Hao Yo!和< em>饼干芝士芒果内衣)。

我正在使用IE7 JS Library,因此我对:after的使用不是问题。我也没有使用inherit

详细说明问题的图像(请注意JSFiddle和下面的屏幕图中的单词不同):

enter image description here

我已经开了几个小时了。有人能把我推向正确的方向吗?谢谢! :)

P.S。它还不是很漂亮,但如果你质疑我的口味,颜色只是澄清:)

1 个答案:

答案 0 :(得分: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添加到LI s,等等,它在所有浏览器中运行良好。

如果您想在IE7中使用:after,我建议使用IE7 JS Library。但是,如果你想这样做而不必依赖Javascript(我通常会订阅那个思想流派,但不是在这种情况下),你可以使用针对lt IE8的条件注释来显示{{1} }。

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

以下是代码:

<div class="justifyAfter"></div>