145 votes

Comment changer une durée de ressembler à un pré avec CSS?

Est-il possible de modifier une balise <span> (ou <div>) pour preformat son contenu comme une balise <pre>, en utilisant uniquement CSS?

209voto

Diodeus Points 67946

Regarder le W3C valeurs par défaut. Copie tous les paramètres de PRÉ et de les mettre dans votre propre classe.

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

66voto

Pistos Points 8997

Voir l'espace blanc d'une propriété CSS.

.like-pre { white-space: pre; }

28voto

Ce qui fait une DURÉE de ressembler à un PRÉ:

span {
  white-space: pre;
  font-family: monospace;
  display: block;
}

N'oubliez pas de changer le sélecteur css selon le cas.

6voto

Sören Kuklau Points 9445

Plus précisément, la propriété, que vous êtes en train de regarder est:

white-space: pre

http://www.quirksmode.org/css/whitespace.html
http://www.w3.org/TR/CSS21/text.html#white-space-prop

3voto

Yanni Points 1043

Essayez ceci

span {
    white-space: pre;
    font-family: monospace;
    display: block;
    unicode-bidi: embed
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X