javascript - div中的单词溢出

Question

我在一个高棉网站上工作，我不懂语言，单词太长了。我正在尝试将它们放入 div 中，但它们已经过度流动。有没有办法让单词的一部分自动下降，使其适合 div，溢出部分在下一行。

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

在附件中找到图片在此处输入图像描述

score 2 · Accepted Answer

您应该使用word-wrapCSS 的属性来强制文本留在 div 内而不会溢出。

word-wrap: break-word

检查没有此属性并使用它来查看差异。

score 1 · Accepted Answer

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

div {
     word-wrap: break-word;
    }

score 1 · Accepted Answer

1

看看这是否有效 - word-wrap: break-word;

于 2014-10-10T04:44:22.150 回答

score 1 · Accepted Answer

1

使用word-wrapCSS 属性：

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

于 2014-10-10T04:45:00.190 回答

score 0 · Accepted Answer

HTML 对象中有一个“文本溢出”的 CSS 属性

默认情况下，您可以执行类似的操作来防止溢出。

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

请注意 text-overflow 属性仅在容器溢出属性的值为 hidden、scroll 或 auto 时发生。

如果你想在多行中扭曲长词而不是仅仅“剪切”它们，你可以使用“word-wrap: break-word;” 这会导致浏览器拆分长单词。（参考）

请注意，这两个规范都得到广泛支持，但非常旧的浏览器可能会忽略它们。您可以在参考资料中查看详细信息。

5 回答 5