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

Question

我有一个RSS提要框，其中显示了来自Feed的许多链接。框的大小为10个链接指定，每个链接在1行上。然而，有时当标题的长度很长时，链接将以两行或两行以上的形式显示。如何将字符限制为标题(链接)的长度？例如，如果链接太长，在链接的末尾添加三个点:例如:我如何设置字符的限制.

这是我正在使用的提要：

<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

首先，将一个id或类放到您要放置或显示rss提要的div中，如

<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：

1. 不允许换行
2. 在溢出的文本中添加省略号

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

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

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