html - 溢出 :hidden dots and the end of a multiline text

标签 html css

我正在使用 ASP.NET MVC 创建一个 Web 应用程序,它向用户显示一些文章。

div 上有每篇文章的摘要。

目前,我正在加载摘要 div 中的全部内容并为此设置此样式 overflow:hidden。这是结果:

Current result

但是那一行(最后一行)丑陋,而且整个内容正在下载到用户的计算机,这对速度和性能不利。

我想要这样的东西:(下图是我的目标)

Goal

(删除最后一行的零碎文本,并在文本末尾添加 ...)

另外最好避免将整个内容下载到用户的计算机。

怎么做?

PS:有人知道这个问题的更好标题吗?!

最佳答案

您可以设置要显示的字符数,然后如果要显示的文本大于限制数,则截断:

if(text.Length > 200)
        {
            text.Substring(0, 200) + "..."; 
        }

或者如果你正在构建系统,你可以创建一个有限的字段来保存预览文本,并在列表中显示预览文本而不是大内容

关于html - 溢出 :hidden dots and the end of a multiline text,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11536954/

相关文章:

javascript - 为什么br标签不移动标题下的文字?

javascript - 在 css 中的确切位置显示 map 标记

html - 水平居中绝对图像

html - Bootstrap 第二列与第一列重叠

php - 从数据库中检索的数据忽略换行符

javascript - 如何阻止 Chrome 存档下拉选择

javascript - Ionic 2固定定位div在 ion-content 内

javascript - 如何获取子 ng-repeat 内父作用域数组/ng-repeat 的索引

html - CSS Div 隐藏在页脚下

html - 澄清 block 容器和 block 盒的定义