Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单词在div中溢出_Javascript_Html_Css_Southeast Asian Languages - Fatal编程技术网

Javascript 单词在div中溢出

Javascript 单词在div中溢出,javascript,html,css,southeast-asian-languages,Javascript,Html,Css,Southeast Asian Languages,我在一个高棉网站上工作,我不懂语言,单词太长了。我试着把它们放在div里,但它们太多了。是否有一种方法可以使word的部分自动向下移动,以便它适合于div,而溢出部分位于下一行 我不知道该怎么办,请帮忙 在附件中找到图像 看看这是否有效-换行:断开单词 看看这是否有效-换行:打断单词 您应该使用CSS的word wrap属性强制文本留在div中而不会溢出 word-wrap: break-word 在不使用此属性的情况下进行检查,并使用它查看差异。您应该使用CSS的word wrap属性强制

我在一个高棉网站上工作,我不懂语言,单词太长了。我试着把它们放在div里,但它们太多了。是否有一种方法可以使word的部分自动向下移动,以便它适合于div,而溢出部分位于下一行

我不知道该怎么办,请帮忙

在附件中找到图像

看看这是否有效-换行:断开单词

看看这是否有效-换行:打断单词

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

word-wrap: break-word


在不使用此属性的情况下进行检查,并使用它查看差异。

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

word-wrap: break-word

在不使用此属性的情况下进行检查,并使用它查看差异。

使用CSS属性:

.mydiv {
    word-wrap: break-word;
}
使用CSS属性:

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

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

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

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

请注意,仅当containers overflow属性的值为hidden、scroll或auto时,才会出现text overflow属性

如果您想将长单词扭曲成多行,而不是仅仅“剪切”它们,您可以使用“word wrap:break word”;这会导致浏览器拆分长单词。()


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

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

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

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

请注意,仅当containers overflow属性的值为hidden、scroll或auto时,才会出现text overflow属性

如果您想将长单词扭曲成多行,而不是仅仅“剪切”它们,您可以使用“word wrap:break word”;这会导致浏览器拆分长单词。()


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

@AasimHussainKhan很乐意提供帮助。确认后,请将答案标记为正确答案:)@AasimHussainKhan乐意帮助。确认后,请将答案标记为正确答案:)