javascript - 裁剪元素内的文本

标签 javascript html css

想法是减少文本长度以适应特定大小的框并在末尾附加“...”。盒子是单行的。

我在网上找到的解决方案似乎遵循相同(但不正确)的想法,即我最初必须将其基于字符数。如果元素使用变宽字体(大多数常规网络字体都是),这当然会失败。

所以我的下一个想法是让容器遵循 CSS

white-space: pre;
overflow-x: hidden;

好吧,这好多了,但现在我无法将其与字符数联系起来(裁剪文本并添加点)。

有人知道如何将其分解为完整的解决方案吗?或者可能是完全不同的东西?

最佳答案

我会看看 text-overflow: ellipsis .

关于javascript - 裁剪元素内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8188018/

相关文章:

javascript - 如何获取没有元素id的元素?

javascript - 如何在 anchor 标记中使用onclick和href并仅使onclick起作用。href仅用于google抓取

html - CSS 优先级是如何工作的?

Jquery Accordion 添加替换属性

html - CSS border-bottom 悬停在导航菜单上

css - -不再支持webkit-text-size-adjust,如何设置font-size小于12px

javascript - 在 MVC 4 中启用复选框选择按钮

javascript - this.setState() 上未调用 render()

javascript - 在 javascript Assets 中使用 Rails 辅助方法

javascript - 你如何让 Video.JS 向前和向后跳 15 秒?