如何在css

Question

我正在设计聊天ui。

在我的聊天泡泡中，当我输入很多字符时，它会消失在泡泡之外。

是否有任何css技术在一定宽度后断线？

Answer 1

试试这个：

.your-bubble {
    width: 250px; // width can be depend on you
    white-space: normal;
    word-break: break-word;
}

这可以帮助您解决问题

Answer 2

p{
  width: 100px;
  border: 1px solid #111;
  word-break: break-word;
}

<p>some random text jfkdfjkd jkfdkf</p>