标签中的文本不自动换行

Question

如何在<p>标签中换行？

我已经设置了宽度，但是文本仍然会溢出元素。

谢谢

- timewarpagain

---

没关系，它是"whitespace:wrap;"。 - timewarpagain

Answer 1

试着这样做

 <div style="white-space:wrap">Some long text........</div>

- Bob

---

属性值无效，应该使用 break-spaces 而不是 wrap。 - aswzen

Answer 2

对于那些仍然遇到困难的人，请确保检查并查看您是否在相关字体上设置了行高值：即使您已经正确设置了换行，它也可能被覆盖。

- matthewsheets

Answer 3

首先，给出的答案对我来说都不起作用。

Bootstrap已经应用了所有CSS样式，但仍然需要进行包装，任何人都可以使用。

style='word-break:break-all;'

这适用于标签和其他所有标签。

- Manoj Jain

Answer 4

这个标签是否已经浮动了？ - 如果是的话，在文本后面添加以下内容：<div style='clear:both; width:100%; height:1px;'></div>

请展示你的代码，这样我们才能准确地看到你在做什么。

- Justin Lucas

Answer 5

在基本的div中，您可能不需要做任何事情就可以获得这种效果，但是您可以尝试在元素的样式中使用“word-wrap: break-word”。例如，尝试调整窗口大小：

<div style='word-wrap: break-word'>Here's a div with a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton, a ton of text.</div>

看看这个 JS Fiddle 来试试 http://jsfiddle.net/zCQFb/（来自 Michael 的回答：https://dev59.com/IlrUa4cB1Zd3GeqPk4_F#7166571）。

- matthewsheets