ASP.NET Javascript隐藏/显示阅读更多长文本

Question

所以目前我有一个文字，我从数据库中分配了一个值。即一个程序简介。

我要做的是，如果文字大于100个字符，只显示前100个字符，然后显示一个javascript链接“Read More”，点击后会显示其余的内容。

任何想法？

Answer 1

使用CSS elipses是一个快速简单的解决方案：

span.ellipsis {
   text-overflow:ellipsis;
}

.NET中的另一个类似于：

string YourText = "rgr";
if (YourText.Length > 100)
{
    YourText = YourText.Substring(0, 100);
    YourText += "... Read more";
}

上面提到了一些问题，你可以做很多改进，但这应该可以帮助你。

Answer 2

有两个文字或标签，其中一个用style="display: none"隐藏（Visible=False不会发出HTML，因此您无法通过Javascript与其进行交互）并包含全文。< / p>

你的第一个标签/文字（“阅读更多”）需要有一个onclick事件，例如： javascript:void(show(LongerText.ClientId));

show和hide定义为：

function show(id) {
  document.getElementById(id).style.display = "block";
}

将标签文本设置为文本的缩减（子串）版本和全文。

应该足以让你入门，但如果你还需要更多信息，请告诉我们。）

为了使其更加清晰，文档的结构如下：

文件标题 阅读更多 隐藏文字