怎么实现当我 text-overflow: ellipsis;属性成立之后看见结尾有小数点的时候将true改为false

当 `text-overflow: ellipsis;` 属性生效时，如果文本内容超出了容器的宽度，结尾会被省略并添加省略号（...）。如果结尾有小数点，处理方式可以是在 CSS 中使用 `text-rendering: geometricPrecision;` 属性来避免小数点被切掉。代码如下：

.my-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-rendering: geometricPrecision;
}

如果你想在结尾有小数点的情况下将 `text-overflow` 属性设为 `clip`，可以通过 JavaScript 来实现。代码如下：

const container = document.querySelector('.my-container');
const content = container.textContent.trim();
const hasDecimal = content.endsWith('.');
if (hasDecimal) {
  container.style.textOverflow = 'clip';
}

这段代码判断容器内的文本内容是否以小数点结尾，如果是，则将 `text-overflow` 属性设为 `clip`，否则保持不变。