我有一个段落中的文本
<p style="width:200px;">Text goes here</p>我的问题是当文本变得更长（宽度更大）时，它不会换行。相反，文本会溢出段落。如果文本增长，我该如何强制其在新行上继续。
8个回答
6
添加
overflow-wrap: break-word;
到CSS
- corentin_chap
1
1请将以下与编程有关的内容从英语翻译成中文。只返回翻译后的文本，不要将其解释。 - TheKitMurkit
5
我认为这不仅仅只是一个p标签的问题。我建议您检查一下网站的CSS，并查看是否有改变
相关链接： http://www.css3.com/css-word-wrap/ http://www.css3.com/css-overflow/
overflow或word-wrap属性的内容。相关链接： http://www.css3.com/css-word-wrap/ http://www.css3.com/css-overflow/
- Infotekka
2
如果您希望文本在设置的宽度样式元素内逐行换行，则正确的做法是使用他/她提到的word-wrap CSS属性。 - a.stgeorge
在这种情况下，我需要文本在溢出时换行，是否可能？@Infotekka http://jsfiddle.net/Vivekranth/Ah6fb/28/ - Vivek Vikranth
4
请移除p标签上的宽度，先生。
<p>Text goes here.</p>
如果您无法移除宽度，请尝试添加white-space属性。
<p style="width:200px;white-space:pre;>Lot's of text here that will be wider than 200px</p>
- jonezy
2
默认情况下，溢出是自动的，这应该会使它换行。也许在其他地方您设置了 overflow: hidden; 这就是为什么它会这样做的原因。尝试再次设置 overflow:auto。
- Amir Raminfar
1
你需要使用CSS3：word-wrap: break-word; 因为如果段落中有长单词，它们将会超出元素范围。例如：尝试。
<p style="width:100px;"> loremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsum </p>
<p style="width:100px; word-wrap:break-word;"> loremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsum </p>
Overflow会使文本不可见。
- David Augustus
0
在样式中添加
white-space:wrap;
就可以了。
- looneydoodle
1
这是一个无效的参数传递给 white-space。 - mcdonaldjosh
0
使用 CSS
word-break 属性 是其中一种方法：
<p style="word-break:break-all; width:200px;">
This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.
</p>- Hamza Atef
-1
由于 HTML 中几乎所有的元素都是盒子，因此您可以将“p 标签”固定在其 div 中，如下所示
<p style="position:relative; width:95%; height:whatever%;" > content </p>
你也可以通过使用“CSS左侧或右侧”属性来定位盒子，从而实现文本缩进。
<p style="position:relative; width:95%; height:whatever%; left:20px;" > content </p>
注意：在定位任何盒子之前，不要忘记使用“CSS position属性”。
- Tanzer
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接