html - 如何强制文本在下一行中断？

Question

我有一个长词的问题:我的词是开箱即用的。有没有什么解决方案，所以如果我有这个词 lksadlkasdjlaksdjasdasjdklsajdlaskdaskldjasdkladja，表现得像这样 lksadlkasdjlaksdjasdasjdk- NEXT ROW->jdlaskdaskldjasdkladja

有什么建议吗？

Answer 1

您可以使用 word-wrap: break-word; 来打断长字符串。

span{
  border:1px solid red;
  width:50px;
  height:50px;
  display:block;
  word-wrap: break-word;
  overflow: hidden;
}

<span>jhfhgfhfghdfghdgfdfgdfgdfgdgfdghdgfdgfdgfdgfcgfvchgchvhvhgvchghg</span>