"Compression" horizontale de textes

sans la balise , redimenssionement de la fenêtre du navigateur

17 juin 2021 à 23:43:01

Bonjour,

Je souhaite appliquer un effet sur les textes de ma page web.
Quand on utilise la balise <body>, puis que l'utilisateur rétrécie la fenêtre de son navigateur horizontalement, il se passe alors la chose suivante ; le texte se comprime automatiquement de manière à se que chaque mot de ce texte reste toujours visible dans la fenêtre.
Exemple ;

<html>
	<head><title></title></head>
	<body>
C'est un exemple de texte qui se comprime automatiquement quand on réduit horizontalement sa fenêtre.
Malheureusement, toutes ces 2 phrases sont sur la même ligne.
	</body>
</html>

Afin de faire le saut de ligne (sans la balise ) ;

<html>
	<head><title></title></head>
	<body>
	<pre>
Autre exemple qui affiche maintenant le saut de ligne.
Mais, quand on réduit horizontalement sa fenêtre, le texte ne se comprime plus automatiquement ! 
	</pre>
	</body>
</html>

Est-ce que c'est possible d'obtenir à la fois ce saut de ligne (sans la balise ), et aussi cette compression automatique ?

-
Edité par GilbertRumier 17 juin 2021 à 23:55:42

AbcAbc6

18 juin 2021 à 3:14:52

Bonjour, pour quelles raisons se passer de la balise pour créer un saut de ligne? Elle est prévue pour.

Pour ton exemple

            pre {
                white-space: pre-wrap;
            }

https://developer.mozilla.org/fr/docs/Web/CSS/white-space

GilbertRumier

18 juin 2021 à 10:40:34

C'est qu'il s'agit de grands textes, ça évite d'avoir à ajouter à chaque fin de paragraphe.

Maintenant, il suffit juste de copier coller ces textes, et ça marche sans qu'il n'y ait rien d'autre à faire.

C'est génial ce code, respect.

Est-ce que c'est mieux avec ?

AbcAbc6

18 juin 2021 à 11:04:50

>> Est-ce que c'est mieux avec ?

Oui, il faut utiliser les balises pour leurs sens sémantique, leurs rôles. La balise <pre> sert à indiquer un texte préformaté, elle ne remplace pas la balise de paragraphe .

>> ça évite d'avoir à ajouter à chaque fin de paragraphe.

La fin d'un paragraphe est indiqué par et cela crée naturellement un retour à la ligne.

GilbertRumier

18 juin 2021 à 16:19:31

Ainsi, au lieu de mettre à la fin de chaque paragraphe, il est mieux d'utiliser les balises .

Même si ça va faire plus de boulot d'ajouter toutes ces balises, je comprend que c'est mieux pour avoir des pages web qui soient bien faites.

Merci