如何限制链接的长度？

Question

我想要限制长度的链接。它们位于无序列表中并且它们包裹起来。我想限制网址的长度，而不是让它包裹。因为它是包装我不能使用overflow：hidden。

有没有办法用css限制它们的href？

Answer 1

ul li {
  white-space: nowrap;
}

jsFiddle

然后，您可以在容器上使用overflow: hidden。

另外，您可以使用JavaScript截断字符串，也可以附加省略号。

Answer 2

也许CSS属性overflow: hidden;可以与width一起帮助您。

Answer 3

我知道您要求使用CSS方式执行此操作，但是如果JavaScript是一个选项，您可以执行以下操作：

truncate("http://www.thisisaverlylongurl.com/and-i-want/to-truncate-it", 25);

var truncate = function(text, max_chars){    
  return (text.length > max_chars) ? text.substring(0, max_chars) + '...' : text ;
}