我已经研究了这个问题的几种解决方案,但是没有一个对我有用。我在div上添加了一个段落,文本超出了元素。这是我的代码。请帮忙。

CSS:

chat-h {
  margin-left: 7px;
  width: 249px;
  background: red;
}

#chat-p {
  width: 150px;
  background-color: #fff;
  word-wrap: break-word;
}
.msg span {
  font-weight: bold;
  color: blue;
}


和JQuery

function appendMsg(user, msg) {
    var $cont = $("#chat-h");
    $cont[0].scrollTop = $cont[0].scrollHeight;
    $cont.append("<p class='msg' id='chat-p'><span>" + user + ":  </span> " + msg + " </p>");
}

最佳答案

使用text-overflow

div {
    text-overflow: clip;
}

09-09 21:28
查看更多