文本在p标签不破新线

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>

对于一些奇怪的原因是文本正位于右侧的列之上。我试着将所有元素的高度改为1000px，并且它们仍然是重叠的！

编辑：问题有一个原本的链接，所以现在它已成功解答我改变了每冻结豌豆建议@Roddy的图像。

正如有人建议的那样，如果您删除了& nbsp;问题就消失了。但事实并非如此，因为它看起来像管理员插入那些东西，我无法改变管理员。所以被接受的答案终于解决了。

来源

2013-08-23 Jan

不要使用'' –

这是因为你使用'' 空间，而不是正常的空格字符。浏览器不知道将文本包装到哪里，因此将其放在一行上。 –

请将相关代码复制粘贴到您的问题中，以便将来当您的链接不再显示问题时，此问题对访问者仍然有用。 –

使用：word-wrap: break-word;您的段落元素。那会开始迫使他们开始新的一行。

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

请参阅firefox word-wrap documentation。

来源

2013-08-23 21:59:41 MackieeE

+1我喜欢这个。 – AlienWebguy

这解决了它。虽然我再接受7分钟也不能接受！ – Jan

它可能是固定的，但实际问题的根源是@AlexanderScholz所述，* *将段落当作整个整个字符串处理并因此溢出，将其删除 - 并且恢复正常。哦，格拉西亚斯！ :) – MackieeE

使用您的html生成大量空白区域。它添加到您的CSS

div.excerpt p { 
    word-wrap: break-word; 
}

来源

2013-08-23 22:03:02 Vector

这会修复它，但@MackieeE首先回答...无论如何感谢！ – Jan

很高兴你把它修好:) – Vector

我upvoted它虽然：D – Jan

文本在p标签不破新线

回答

相关问题