文本在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標籤不破新線

回答

相關問題