javascript - 如果 HTML 文本太大,请添加省略号

标签 javascript html css

<分区>

如果字符串太大,有没有办法在字符串中添加省略号(三个点)?

例如。

来自:

This is a very large sentence.

收件人:

This is a ve...

它可以在服务器端使用 PHP 的 wordwrap 来完成,但那时很难获得呈现的大小,所以有没有更好的标准方法在客户端使用 JavaScript 来完成, HTML 还是 CSS?

这里我附上了一张图片,以防你不明白我在说什么。

Example. ''

最佳答案

理想的方式是使用 css text-overflow属性:

p {
  white-space: nowrap;
  width: 100%;                
  overflow: hidden;  /* "overflow" value must be different from "visible" */                
  text-overflow: ellipsis;
}

关于javascript - 如果 HTML 文本太大,请添加省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18990864/

相关文章:

javascript - 如何使用 javascript 识别剪贴蒙版而不使用 Photoshop 的比例?

html - 我布局的主体部分的高度

html - 如何找到div的滚动顶部值

html - chrome 中的@font-face 未捕获的语法错误

javascript - 创建一个带有 span 标签的全屏 ionic 按钮,显示 :block

javascript - 从 d3 比例和颜色插值返回 RGB 对象而不是字符串

javascript - 使用 Node.js 从网页中抓取 URL

javascript - 无法绘制不同形状的 div

html - 更改删除线的垂直位置?

javascript - 使用 Sweetalert、Javascript 和 Laravel 创建确认按钮