Est-il possible de faire en sorte que tout élément CSS se comporte comme

Je charge du contenu dans un iframe. Je souhaite que ce contenu se comporte comme s’il était à l’intérieur d’une

, à savoir pour respecter les sauts de ligne. J'utilise JavaScript pour définir le style de l'élément body de cet iframe.

Je me demande s'il serait possible de définir un style particulier pour que le corps de cet iframe se comporte comme dans

vous pouvez trouver le paramètre par défaut ou comment ils sont supposés être à http://www.w3.org/TR/CSS2/sample.html, appliquez simplement le même style à l’élément que vous voulez vous comporter comme un pré élément et le tour est joué vous avez terminé

ps qui est essentiellement

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

Si vous souhaitez uniquement préserver les sauts de ligne, mais pas les espaces, je vous suggère d’utiliser:

 body { white-space: pre-line; }

Cela réduira plusieurs caractères d’espaces blancs consécutifs en un mais conservera les sauts de ligne. L’inconvénient est qu’il n’est pris en charge que dans les versions IE 8 et supérieures.

Essayez de définir le style d’ white-space l’élément sur une valeur de pre .

 body { white-space: pre; }

Si vous voulez juste qu’il agisse sur des sauts de ligne comme pre , utilisez css: white-space: pre