Question

我在索引中有这个（这只是它的一小部分）

<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效果都有效）但是我无法隐藏它。

我看过这方面的教程并且它有效，为什么它对我不起作用？如果有人能指出错误，那就太好了。

有人帮助我

由于

Answer 1

如果您要隐藏/显示文字，则必须更改display值，而不是overflow。

CSS：

#abms {
   display: none;
}

jQuery的：

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

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

Answer 2

尝试添加宽度并隐藏文本将隐藏在其中

http://jsfiddle.net/kKzyT/

像

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

此处文字将隐藏在width:400px;和height:200px;

中

无法用overflow：hidden隐藏html / css中的文本

2 个答案: