如何防止文本溢出div容器

Question

有没有一种方法可以防止文本在不使用white-space：normal的情况下溢出其div容器？

Answer 1

overflow-wrap: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;

Answer 2

使用溢出css属性。它具有四个属性，您可以从中选择：隐藏，自动，滚动和可见。

.overflow-text{
  //option 1
  overflow: hidden;
  //option 2
  overflow: auto;
  //option 3
  overflow: scroll;
  //option 4
  overflow: visible;
 }