Html 如何限制链接的长度？

我有链接，我想限制长度。它们在一个无序列表中，并被包装起来。我想限制url的长度，而不是将其包装。因为它是包装的，所以我不能使用overflow:hidden

有没有办法限制他们使用css的href

ul li {
  white-space: nowrap;
}

然后，您可以在容器上使用

overflow:hidden

---

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

可能是CSS属性

溢出：隐藏

可以帮助您，与

width

结合使用，我知道您请求了一种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 ;
}

相关问题：