隐藏部分文字html，css，javascript

Question

如何隐藏div或span里面的部分文字？

我有160个字符的文本，但我想只显示第40

我必须有完整的文字我div内，span像我一样的JavaScript搜索。

Answer 1

您将需要一些javascript来创建隐藏它们的最后120个字符的范围。有一个CSS属性“visibility：hidden”，可以应用于span。

类似的东西应该是结果：

<div>first 40 chars <span style="visibility:hidden">last 120 chars</span></div> 

Answer 2

如果你想在div夹到一定的规模，而不是人物的一个确切的数字，你可以给DIV你想要的大小和指定overflow: hidden来裁剪不适合的内容。

如果确保div的高度是文本的多行高度，则不会将内容剪切到一行的（垂直）中间。

Answer 3

您可以对元素使用简单的css属性“text-overflow：ellipsis;” 要有效使用此属性，您需要应用一些相关的属性。

例如：

<div style="width: 50px; text-overflow: ellipsis; white-space: nowrap; 
overflow: hidden;">Some text goes here</div> 

*测试在浏览器。