html - siglas - Manejo del espacio sin interrupciones:<p> & nbsp;</p> frente a<p></p>

codigo espacio html

Question

  es un espacio sin interrupciones, que representa un espacio vacío donde no se produce un salto de línea.

Si yo uso

<p>&nbsp;</p>

Tengo un espacio entre dos pasajes (pausa mayor). Si yo uso

<p> </p>

Solo tengo una nueva línea entre los dos pasajes (sin interrupción). ¿Por qué?

Answer 1

¿Qué tal una solución? En mi caso, tomé el valor del área de texto en una variable jQuery y cambié todos "<p>&nbsp" a <p class="clear"> y clear class para tener cierta altura y margen, como el siguiente ejemplo:

jQuery

tinyMCE.triggerSave();
var val = $(''textarea'').val();
val = val.replace(/<p>&nbsp/g, ''<p class="clear">'');

el val se guarda en la base de datos con el nuevo val.

CSS

p.clear{height: 2px; margin-bottom: 3px;}

Puede ajustar la altura y el margen como desee. Y ya que ''p'' es un elemento display: block . debería darle la salida esperada.

¡Espero que ayude!

Answer 2

En HTML, los elementos que contienen nada más que caracteres de espacio en blanco normales se consideran vacíos. Un párrafo que contiene solo un carácter de espacio normal tendrá una altura cero. Un espacio sin interrupciones es un tipo especial de carácter de espacio en blanco que no se considera insignificante, por lo que puede utilizarse como contenido para un párrafo no vacío.

Incluso si considera los márgenes de CSS en los párrafos, dado que un párrafo "vacío" tiene altura cero, sus márgenes verticales se collapse . Esto hace que no tenga altura ni márgenes, por lo que parece que nunca estuvo allí.

Answer 3

Si entiendo su problema esto debería funcionar

& emsp — el espacio em; este debe ser un espacio muy amplio, típicamente tanto como cuatro espacios reales. & ensp — el espacio; Esto debería ser un espacio algo amplio, aproximadamente dos espacios regulares. & thinsp: este será un espacio estrecho, incluso más estrecho que un espacio regular.

Fuentes: http://hea-www.harvard.edu/~fine/Tech/html-sentences.html