Jquery html中超过最大宽度的文本交叉

Jquery html中超过最大宽度的文本交叉,jquery,html,css,Jquery,Html,Css,我已经将div的max width设置为500px,但是div标记中的文本会跨越宽度并继续,而不是进入下一行 请帮助更改哪些代码 下面是我的代码位置: div设置为500px 在div中包含文本的p标记。它跨越500像素,而不是到达下一行 我知道它有点基本,但我不知道怎么做。请提供帮助。无需在段落标记上设置宽度。宽度将包含在父级中 这里的示例 将此行添加到css中: word-wrap: break-word; 您需要使用cssword wrap,以便长文本(链接、长单词等)不会移动到div之

我已经将div的max width设置为500px,但是div标记中的文本会跨越宽度并继续,而不是进入下一行

请帮助更改哪些代码

下面是我的代码位置:

div设置为500px

在div中包含文本的p标记。它跨越500像素,而不是到达下一行


我知道它有点基本,但我不知道怎么做。请提供帮助。

无需在段落标记上设置宽度。宽度将包含在父级

这里的示例

将此行添加到css中:

word-wrap: break-word;

您需要使用css
word wrap
,以便长文本(链接、长单词等)不会移动到div之外

word-wrap: break-word;
可能的选项有:
normal | break word | initial | inherit


您还可以设置
溢出:隐藏
,以防止框外的内容可见。

设置段落a
换行:断开单词

p {
    word-wrap: break-word;
}
例如:

.container{
最大宽度:500px;
}
.container>p{
单词包装:打断单词;
}

LoremistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOreMistametlOremistametlOremistametlOremistametlOremistam


您能向我们展示您的代码(html和css)吗?如果您能为我们制作一个JSFIDLE,那么您在问题中描述的任何东西都不能正常工作,这将是一件好事:。一定还有别的。请使用原始代码或JSFIDLE或类似工具上的演示来编辑您的问题。感谢您的帮助,welcome@Guru,很高兴它能工作。如果您愿意,您可以接受其中一个答案,以便其他人知道解决方案。