2013-07-27 147 views
0

我已经在指数得到这个(这只是其中的一小部分)不能隐藏HTML/CSS文本溢出:隐藏

<article id="abms"> 
    <p> 
     Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius. 
     Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius. 
    </p> 
</article> 

,我已经得到了这个在样式表:

#abms 
    { 
     overflow:hidden; 
    } 

不事关什么我尝试,我不能让文字隐藏,我想这个文本溢出隐藏:隐藏,因为我想用它时会溢出可见:在我的jQuery代码可见片。

所有的文件链接正确(我知道这是因为所有其他CSS和jQuery效果工作),但我不能让这个隐藏。

我见过这样的教程,它的工作原理,为什么它不适用于我?如果有人能够指出错误,那就太好了。

有人帮我请

感谢

+2

给宽度高度ID – Hushme

回答

0

尝试添加宽度和隐藏的文本将隐藏在它

http://jsfiddle.net/kKzyT/

#abms 
    { 
     width:400px; 
    height:200px; 
    overflow:hidden; 
    } 

的文本将隐藏在width:400px;和中

+0

它不工作): –

+0

它不是在工作的jsfiddle? – Hushme

+0

谢谢,它现在有效 –

1

如果要隐藏/显示文本,您必须更改display值,而不是overflow

CSS:

#abms { 
    display: none; 
} 

的jQuery:

$('#abms').fadeIn(200) 

演示:http://jsfiddle.net/NcDUs/

+0

谢谢你的作品 –

+0

如果它有帮助,你可以upvote和接受这个答案:) – Cristy