html - p 标签中的文本不会换行

标签 html css

请看下图:

enter image description here

这是有问题的代码:

<div class="excerpt">
 <p>Manual para la descarga e instalación de los contenidos digitales del Proyecto Canaima&nbsp;Educativo,&nbsp;conformado&nbsp;por&nbsp;recursos&nbsp;de&nbsp;aprendizaje&nbsp;que&nbsp;buscan&nbsp;impulsar&nbsp;la&nbsp;interacción&nbsp;entre&nbsp;el[...]</p>
</div>

由于某些奇怪的原因,文本位于右侧列的顶部。我尝试将所有参与元素的高度更改为 1000 像素,但它们仍然重叠!

编辑:问题最初有一个链接,所以现在它已成功回答,我根据@Roddy of the Frozen Peas 建议用一张图片更改了它。

正如某些人所建议的那样,如果您删除  问题消失了。但事实并非如此,因为看起来管理员正在插入那些  我无权更改管理员。所以接受的答案终于解决了。

最佳答案

在段落元素上使用:word-wrap: break-word;。然后,这将开始迫使他们开始新的一行。

.entry-footer .excerpt p {
   word-wrap: break-word;
}

参见 firefox word-wrap documentation .

关于html - p 标签中的文本不会换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18412487/

相关文章:

javascript - 如何使用jquery打开另一个隐藏的html页面中的分区?

html - 最小高度的 div 随内容扩展

html - 如何固定我的 latex 数学术语的宽度和高度?

html - 从下拉菜单中隐藏占位符文本

用于将均匀宽度应用于表格列的动态数量的 CSS

javascript - 将 html 元素本身传递给 javascript 函数

html - 将子 div 始终放置在父 div 的底部

javascript - jQuery:附加表行不包含 CSS 样式

css - 当我用 css 制作动画时,如何平滑线上其他对象的 Action ?

javascript - 在 IE9 中 map 缩小 svg