Question

我有一个RSS FEED框，其中显示了Feed中的一些链接。框的大小指定为10个链接，每个链接指定在1行。然而，有时当标题的长度很长时，链接将在两行或更多行中，并且它将使框变形。如何将限制字符设置为标题长度（链接）？就像在链接末尾链接太长时添加三个点：示例：如何设置字符限制...

这是我正在使用的Feed：

<script language="JavaScript" src="http://rss.artaweb.biz//feed2js.php?src=http%3A%2F%2Fwww.bbc.co.uk%2Farabic%2Findex.xml&num=10&targ=y&utf=y"  charset="UTF-8" type="text/javascript"></script>

提前感谢您的帮助。

Answer 1

首先在你的div中添加一个id或class，你要在其中放置或显示你的RSS提要

<div id="some-id">
   // your rss feed script
</div>

然后您可以使用此jquery脚本将文本限制为显示特定字符

$("div#some-id").text(function(index, text) {
   return text.substr(0, characters you want);
});

Answer 2

您使用CSS：

禁止换行
将省略号添加到溢出文本

因此，例如，如果您将脚本包装在带有id链接的div中：

#links li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

在fidde中展示：http://jsfiddle.net/V9PXL/。尝试重新调整窗口，看看会发生什么。

如何在链接长度上设置字符限制

2 个答案: