html - lista - selectores avanzados css

¿Es posible hacer que cualquier elemento CSS se comporte como<pre>

Question

Estoy cargando algunos contenidos dentro de un iframe. Quiero que este contenido se comporte como si estuviera dentro de una etiqueta <pre> , es decir, para que respete los saltos de línea. Estoy usando javascript para establecer el estilo del elemento del cuerpo de este iframe.

Me pregunto si sería posible establecer un estilo particular que haga que el cuerpo de este iframe actúe como si estuviera dentro de <pre/> .

Answer 1

Intente configurar el estilo del white-space del elemento a un valor de pre .

body {
    white-space: pre;
}

Answer 2

Si solo quieres que actúe en linebreaks como pre , usa el css: white-space: pre

Answer 3

Si solo te interesa preservar los saltos de línea pero no el espacio en blanco, te sugiero que utilices:

body {
    white-space: pre-line;
}

Esto colapsará múltiples caracteres consecutivos de espacio en blanco en uno, pero conservará los saltos de línea. El inconveniente es que solo es compatible con las versiones IE 8 y posteriores.

Answer 4

puede encontrar la configuración predeterminada o cómo se supone que deben estar en http://www.w3.org/TR/CSS2/sample.html simplemente aplique el mismo estilo al elemento que desea que se comporte como un elemento pre y listo ya terminaste

ps, que es básicamente

pre{ white-space: pre ; display: block; unicode-bidi: embed }