Opera 文本对齐：按字体大小对齐：0

Question

我遇到了一个问题，我正在制作一个网页，我在网络的几个部分使用 text-align:justify，一切都很好，它在我测试过的所有浏览器中都运行良好，但在 opera 中那里一切都变得凌乱并且超出边距，菜单中的一些链接出现在左侧但无法选择，换句话说，它们似乎不是链接，我正在使用黑客来证明 li 元素的合理性我的 ul 有一个额外的 li span class="strecth"> 让它工作，我认为，这是一个众所周知的黑客，使用

font-size:0;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines

在ul元素和

vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1

在 li 元素中。 那么问题是什么？，没有问题。这是使它在歌剧中工作的解决方案。我有一个菜单包装器，它有 font-size:0px 并且 ul 元素在一个 nav id="#menu" 里面，它也有 font-size:0px

#menuwrapper{  max-width:970px;
           margin:20px auto 0px auto;
       font-size:0px;
       text-align:left;
       padding:0px;}

#menu ul{  padding:0px;
       margin:0px;
       clear:both;
           font-size:0;
       text-align: justify;
       -ms-text-justify: distribute-all-lines;
       text-justify: distribute-all-lines;}

测试我发现字体大小是问题，但如果我改变页面的其余部分改变，所以我只为歌剧改变这个：noindex：-o-prefocus，#menu ul {font-size ：1像素；以这种方式。

#menuwrapper{   max-width:970px;
        margin:20px auto 0px auto;
        font-size:0px;
        text-align:left;
        padding:0px;}

noindex:-o-prefocus, #menuwrapper {font-size:1px;}

#menu ul{   padding:0px;
        margin:0px;
        clear:both;
        font-size:0;
        text-align: justify;
        -ms-text-justify: distribute-all-lines;
        text-justify: distribute-all-lines;}

noindex:-o-prefocus, #menu ul{font-size:1px;}

事实上，没有父级必须拥有 font-size:0px 到 text-algn:justify 才能工作。 就是这样，请原谅我的英语不是我的语言

Answer 1

在我的情况下添加：

noindex:-o-prefocus, #menuwrapper {font-size:1px;}

不要解决问题（我在 linux 上测试过）。当我将字体大小设置为 2px 时，它开始工作。最后我用了：

noindex:-o-prefocus, #menuwrapper {font-size:100%;}

一切都像魅力一样。