css3实现允许单词内换行（将单词拆开换行）

<p class="text1">this imgimgimgimgimgimgimg long</p>
<p class="text2">this imgimgimgimgimgimgimg long</p>

由于单词过长，他会换行显示，流出大量空白

这时添加css样式：

p {
  width: 150px;
  height: 150px;
}

.text1 {
  border: 1px solid red;
}

.text2 {
  border: 1px solid red;
  /* 允许单词内换行（将单词拆开换行） */
  word-break: break-all;
}

代码演示：