La mayoría de las etiquetas eliminarán los espacios en blanco y los saltos de línea en el texto de forma predeterminada cuando se muestre el contenido del texto. Esto hace que la composición tipográfica del texto sea mucho más hermosa y también aumenta la utilización del área, pero hay algunos requisitos que deben cumplirse. ser original para mostrar el formato de texto nativo. Entonces, ¿cómo mostrar el formato interno del texto? No es más que mostrar los espacios que no deben eliminarse y envolver las nuevas líneas que no deben fusionarse.
| valor | describir | salto de linea | espacios y tabulaciones | ajuste de línea | espacio final |
| normal | por defecto. El navegador ignora los espacios en blanco. Los caracteres de espacio en blanco consecutivos se fusionarán y los caracteres de nueva línea se tratarán como caracteres de espacio en blanco. Los saltos de línea son necesarios para el relleno. Es decir, no importa si hay espacios en blanco y saltos de línea en el texto, se omitirán. Y cuando el contenedor principal deba llenarse con una nueva línea, también se ajustará automáticamente. La mayor parte del espacio en blanco de la etiqueta es normal. | unir | unir | nueva línea | borrar |
| ahora rap | El texto no se ajustará, continuará en la misma línea hasta que se encuentre una etiqueta <br>. Como es normal, los caracteres de espacio en blanco consecutivos se fusionan. Pero las nuevas líneas dentro del texto no tienen efecto. Solo se puede usar la etiqueta br para saltos de línea y no se realizan saltos de línea suaves. | unir | unir | sin salto de línea | borrar |
| pre | El espacio en blanco es preservado por el navegador. Se conservan los caracteres de espacio en blanco consecutivos. Los saltos de línea se producen cuando se encuentran caracteres de nueva línea o elementos <br>. Por cierto, el atributo predeterminado pre del espacio en blanco de la etiqueta pre actúa como la etiqueta <pre> en HTML. | reservar | reservar | sin salto de línea | reservar |
| pre-envoltura | Las secuencias de espacios en blanco se conservan, pero los saltos de línea se realizan con normalidad. Se conservan los caracteres de espacio en blanco consecutivos. Los saltos de línea (saltos de línea suaves) se encuentran cuando se encuentran caracteres de nueva línea o elementos <br>, o cuando se requiere relleno. | reservar | reservar | nueva línea | colgar |
| línea previa | Combine secuencias de espacios en blanco, pero conserve las nuevas líneas. Los caracteres de espacio en blanco consecutivos se fusionan. Los saltos de línea (saltos de línea suaves) se encuentran cuando se encuentran caracteres de nueva línea o elementos <br>, o cuando se requiere relleno. | reservar | unir | nueva línea | borrar |
| espacios de descanso | Se pueden hacer saltos de línea entre espacios en blanco y se conservan todos los espacios en blanco, incluidos los finales de línea. El mismo comportamiento que el ajuste previo, es decir, se conservarán los caracteres de espacio en blanco consecutivos. Los saltos de línea (saltos de línea suaves) se encuentran cuando se encuentran caracteres de nueva línea o elementos <br>, o cuando se requiere relleno. Excepto: • Cualquier secuencia de espacios en blanco reservada siempre ocupa espacio, incluso al final de una línea. Si hay suficientes espacios en blanco al final de la línea, verá que los espacios en blanco ocupan una línea, lo que no ocurre con el ajuste previo. ● Hay una oportunidad para un salto de línea después de cada carácter de espacio reservado, incluso entre caracteres de espacio. ● Este espacio reservado ocupa espacio sin colgar, afectando así a las dimensiones intrínsecas de la caja (tamaño mínimo de contenido y tamaño máximo de contenido). |
reservar | reservar | nueva línea | nueva línea |
| tu heredas | Especifica que el valor del atributo de espacio en blanco se debe heredar del elemento principal. |
Entonces, ¿cómo reconoce html \n\r y deja que estos saltos de línea especiales se rompan?
Use espacios en blanco: pre-envoltura ;