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

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

202101211611211511437780
这时添加css样式:

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

.text1 {
  border: 1px solid red;
}

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

代码演示:

202101211611211588272236