不能隱藏HTML/CSS文本溢出：隱藏

我已經在指數得到這個（這只是其中的一小部分）不能隱藏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效果工作），但我不能讓這個隱藏。

我見過這樣的教程，它的工作原理，爲什麼它不適用於我？如果有人能夠指出錯誤，那就太好了。

有人幫我請

感謝

來源

2013-07-27 Bob Xplosion

給寬度高度ID – Hushme

嘗試添加寬度和隱藏的文本將隱藏在它

http://jsfiddle.net/kKzyT/

像

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

的文本將隱藏在width:400px;和中

來源

2013-07-27 23:18:02 Hushme

它不工作）： –

它不是在工作的jsfiddle？ – Hushme

謝謝，它現在有效 –

如果要隱藏/顯示文本，您必須更改display值，而不是overflow。

CSS：

#abms { 
    display: none; 
}

的jQuery：

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

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

來源

2013-07-27 23:20:51 Cristy

謝謝你的作品 –

如果它有幫助，你可以upvote和接受這個答案:) – Cristy

不能隱藏HTML/CSS文本溢出：隱藏

回答

相關問題