3

我有一个问题，我正在制作一个网页，我正在使用 text-align:justify 在网络的几个部分，一切都很好，它在我测试过的所有浏览器中都运行良好，但在 opera 中，一切都得到了凌乱且超出边距，菜单中的某些链接出现在左侧但无法选择，换句话说，它们似乎不是链接，我正在使用 hack 来证明我的 ul 的 li 元素与一个额外的 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;}

测试我发现字体大小是问题，但如果我改变页面的其余部分改变，所以我只为opera改变这个：noindex：-o-prefocus，#menu ul {font-size：1px; 这样。

#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 才能工作。就是这样，请原谅我的英语不是我的语言

4

1 回答 1

0

在我的情况下添加：

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

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

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

一切都像魅力一样。

于 2014-01-07T21:12:10.430 回答