在div中溢出的单词

Question

我正在高棉网站上工作，我不懂语言，这些字太长了。我试图让他们适应div，但他们已经过度了。是否有一种方法可以使单词的一部分自动降下来使其适合div，而且溢出部分位于下一行。

我不知道该怎么做，请帮忙。

在附件中查找图像

Answer 1

您应该使用CSS的word-wrap属性强制文本保留在div中而不会溢出。

word-wrap: break-word

<强> See the DEMO here

检查没有此属性，并与它一起查看差异。

Answer 2

看看这是否有效 - 自动换行：break-word;

Answer 3

使用word-wrap CSS属性：

.mydiv {
    word-wrap: break-word;
}

Answer 4

You can give the below CSS style to the div to prevent the div text from overflowing.

div {
     word-wrap: break-word;
    }

Answer 5

有一个CSS属性，用于＆＃34;文本溢出＆＃34;在HTML对象中

你可以这样做，以防止默认溢出。

.ellipsis {
  text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }

reference at W3School

请注意，只有当容器溢出属性的值为隐藏，滚动或自动时，才会出现文本溢出属性。

如果你想在多行中扭曲长单词而不仅仅是＆＃34;切割＆＃34;你可以使用＆＃34;自动换行：break-word;＆＃34;这会导致浏览器拆分长词。 （reference）

请注意，这两个规范都受到广泛支持，但很老的浏览器可能会忽略它们。您可以在参考文献中看到详细信息。