58 votos

Salto de línea en HTML con '\n'

¿Hay alguna forma de hacer que HTML trate correctamente los saltos de línea \n? ¿O tengo que reemplazarlos con?

  abc
  def
  ghi

98voto

khakishoiab Puntos 1499

Esto es para mostrar un salto de línea y un retorno de carro en HTML. Entonces no necesitas hacerlo explícitamente. Puedes hacerlo en CSS configurando el valor de atributo white-space a pre-line.

@Model.CommentText

49voto

Dee Puntos 51

Puedes usar la propiedad CSS white-space para \n. También puedes preservar los tabuladores como en \t.

Para salto de línea \n:

white-space: pre-line;

Para salto de línea \n y tabuladores \t:

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

9voto

Sampad Puntos 525

Se puede hacer de varias formas.

Por ejemplo, si deseas insertar una nueva línea en un área de texto, puedes usar estos:

avance de línea y retorno de carro, utilizados de esta manera:

Hello 

Stackoverflow

También puedes usar

---

texto preformateado de esta manera:

  Esta es la línea 1
  Esta es la línea 2
  Esta es la línea 3

O puedes usar una etiqueta de párrafo

----

de esta manera:

Esta es la línea 1
Esta es la línea 2
Esta es la línea 3

7voto

Johan Brännmar Puntos 580

Puedes usar la etiqueta

  abc
  def
  ghi

  abc
  def
  ghi

7voto

Ehsan Puntos 9355

Puedes usar la etiqueta

:

    abc
    def
    ghi

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X