怎么截取div中的超出的文字

你可以使用CSS中的text-overflow属性来截取div中的超出文字，例如：

div {
  white-space: nowrap; /* 禁止文字换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
}

在上面的代码中，将div设置为禁止文字换行，并且隐藏超出部分，最后使用省略号表示超出部分。这样，当div中的文字超出时，就会自动显示省略号。

如果你想要截取指定长度的文字，可以使用JavaScript来实现。你可以获取div中的文字内容，然后使用JavaScript的substr()方法来截取指定长度的文字，例如：

var div = document.querySelector('div');
var text = div.textContent;
var maxLength = 10;
if (text.length > maxLength) {
  text = text.substr(0, maxLength) + '...';
  div.textContent = text;
}

在上面的代码中，获取div中的文字内容，如果文字长度超过了指定的最大长度，就使用substr()方法截取指定长度的文字，并在结尾添加省略号。最后将截取后的文字重新赋值给div的textContent属性。