Question

我有一个问题，我正在制作一个网页，我正在网络的几个部分使用text-align：justify，一切都很好，它在我测试过的所有浏览器中运行良好但是歌剧，所有的东西都变得凌乱而且没有边缘，菜单中的一些链接出现在左侧，但是无法选择，换句话说它们似乎不是链接，我正在使用黑客来证明li的元素我的ul带有额外的li span class =“strecth”＆gt;我认为，使用

，这是一个众所周知的黑客

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;}

测试我发现字体大小是问题但是如果我改变了页面的其余部分改变了，所以我只更改了这个歌剧whith：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 to text-algn：justify to works。这就是它，请写下我的英语，不是我的语言

Answer 1

在我的案例中添加：

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

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

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

一切都像魅力一样。

Opera text-align：justify by font-size：0

1 个答案: