使显示的第一个和最后一个字符的数量响应可用的宽度

【问题标题】：Make the amount of first and last characters displayed to be responsive to the width available使显示的第一个和最后一个字符的数量响应可用的宽度
【发布时间】：2021-11-15 10:05:12
【问题描述】：

也许有人知道如何使表格单元格内的文本或数字动态变化。如果数字或文本不适合单元格，则在中间用省略号将其切断，并且在调整大小时将其极端的字母或数字隐藏或完全显示？

OA210815LXRR1I OA210...LXRR1I OA2...RR1I

我想创建这样的东西：js fiddle

但我不知道如何解决调整大小时出现的字母剪切问题

【问题讨论】：

嗨，我不确定你的意思
this 回答你的问题了吗？

标签： javascript css

【解决方案1】：

尝试这样做：

    var MaxLen = 10;
    var limiLen = 5;
    var text = document.getElementById("text-test");
    
    if (text.innerHTML.trim().length > MaxLen) {
      var newTest =
        text.innerHTML.trim().substr(0, limiLen) +
        "..." +
        text.innerHTML
          .trim()
          .substr(text.innerHTML.trim().length - limiLen, limiLen);
    
      text.innerHTML = newTest;
    }

<html>
<head>
  <title> Response </title>
  <meta charset="UTF-8" />
</head>

<body>
  <div>
    <p id="text-test"> ABCDEFGHIJKLMNOPQRSTUVWXYZ </p>
  <div> 
  <script src="index.js">
  </script>
</body>
</html>

【讨论】：