在与按钮重叠时添加文本省略号

.button {
  width: 100px; /* 按钮宽度 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

function truncateText(element) {
  var buttonWidth = element.offsetWidth; // 按钮宽度
  var text = element.innerText; // 按钮文本内容
  var textWidth = getTextWidth(text); // 获取文本宽度的函数，需自行实现

  if (textWidth > buttonWidth) {
    var truncatedText = text;
    while (truncatedText.length > 0 && textWidth > buttonWidth) {
      truncatedText = truncatedText.slice(0, -1);
      textWidth = getTextWidth(truncatedText + '...');
    }
    element.innerText = truncatedText + '...';
  }
}

// 调用截断文本函数
var button = document.getElementById('button');
truncateText(button);