我已经研究了这个问题的几种解决方案,但是没有一个对我有用。我在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>");
}
最佳答案
div {
text-overflow: clip;
}