Javascript 单词在div中溢出
我在一个高棉网站上工作,我不懂语言,单词太长了。我试着把它们放在div里,但它们太多了。是否有一种方法可以使word的部分自动向下移动,以便它适合于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属性强制
看看这是否有效-换行:断开单词 看看这是否有效-换行:打断单词 您应该使用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乐意帮助。确认后,请将答案标记为正确答案:)