使用css/js强制div到X个字符的宽度？

div {
  width: Xch;
  overflow: hidden;
  white-space: nowrap;
}

window.addEventListener('DOMContentLoaded', function() {
  var div = document.querySelector('div');
  var text = div.textContent;
  var fontSize = parseInt(window.getComputedStyle(div).fontSize);
  var maxWidth = X * fontSize;
  
  if (div.scrollWidth > maxWidth) {
    var truncatedText = text;
    while (div.scrollWidth > maxWidth && truncatedText.length > 0) {
      truncatedText = truncatedText.slice(0, -1);
      div.textContent = truncatedText + '...';
    }
  }
});