如何在具有可調整大小的元素的截斷文字中實現省略號？

在截斷的文字中插入省略號

要在可調整大小的元素內的文字中間實現省略號，請考慮以下方法：

第1 步：資料屬性宣告

在HTML 中，在自訂data-* 屬性中包含全文，例如：

第2 步：事件監聽器

指派用於載入和調整大小為JavaScript 函數的事件監聽器。 >

根據不同的截斷調整值（例如20 和10）。讀取原始資料屬性並放置在span標籤的innerHTML中：

第5步：工具提示（可選）

<code class="javascript">function start_and_end(str) {
  if (str.length > 35) {
    return str.substr(0, 20) + '...' + str.substr(str.length - 10, str.length);
  }
  return str;
}</code>

提供完整字串的工具提示，新增一個帶有title 屬性的abbr 標籤：

...

以上是如何在具有可調整大小的元素的截斷文字中實現省略號？的詳細內容。更多資訊請關注PHP中文網其他相關文章！