Jquery html中超过最大宽度的文本交叉
我已经将div的max width设置为500px,但是div标记中的文本会跨越宽度并继续,而不是进入下一行 请帮助更改哪些代码 下面是我的代码位置: div设置为500px 在div中包含文本的p标记。它跨越500像素,而不是到达下一行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之
我知道它有点基本,但我不知道怎么做。请提供帮助。无需在段落标记上设置宽度。宽度将包含在父级
中
这里的示例
将此行添加到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,很高兴它能工作。如果您愿意,您可以接受其中一个答案,以便其他人知道解决方案。