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

【问题标题】：How to set character limit on a link length如何设置链接长度的字符限制
【发布时间】：2013-08-03 11:30:26
【问题描述】：

我有一个 RSS 提要框，其中显示了提要中的许多链接。框的大小是为 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>

提前感谢您的帮助。

【问题讨论】：

标签： html character limit

【解决方案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);
});

【讨论】：

感谢您的帮助。所以这就是我使用的，但它没有用。好像什么都没发生一样：<div id="limit"> <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> </div><script> $("div#limit").text(function(index, text) { return text.substr(0, 45); }); </script>

【解决方案2】：

您使用 CSS 来：

不允许换行
为溢出的文本添加省略号

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

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

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

【讨论】：

这很酷，但省略号不起作用。链接排成一行，它使块非常大