Gestion de retour automatique à la ligne

**flexi2202** · 19/03/2021, 20h31

bonjour a tous

j ai un formulaire que mes membres peuvent remplir
et ensuite j affiche leurs commentaire dans un tableau comme sur cette capture d écran
pas avec de telle couleurs bien évidement
ce qui m intéresse c est qu un retour automatique a a ligne puisse s effectuer
pour en faire des paragraphe
et pas des lignes a ne plus en finir
j ai donc utiliser ce code pour l effectuer
mais cela me mets des espaces blanc entre le pseudo et le message
j ai utiliser ce code

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

white-space: pre-wrap

j aurais donc aimer savoir si cela était possible d éviter ces blancs et d utiliser une autre méthode

merci de l aide

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
   <div class="container">
            <?php foreach($id16000760_phil as $donnees){?>
            <div class="row">
               <div class="col-sm-auto"style="background: yellow;">
                  <p class="card-text">
                     <?= $donnees['pseudo'] ?>
                  </p>
               </div>
               <div class="col">
                  <p class="card-text"style="background: green;white-space: pre-wrap;border: solid;">
                     <?= $donnees['message'] ?>
                  </p>
               </div>
            </div>
            <?php
               }   
               ?>
         </div>

voici ce que j obtiens

Nom : ecran8.jpg
Affichages : 160
Taille : 78,7 Ko

**mathieu** · 19/03/2021, 20h47

je ne suis pas sur d'avoir compris. est ce que dans le 1er message, il y a plein d'espaces entre "presque fini" et "encore un peu" ?

**flexi2202** · 20/03/2021, 06h12

bonjour
merci pour la reponse
entre guy et le message y a un espace blanc
entre philippe et le message y a un espace
et je souhaite qu il ne puisse plus y en avoir

**Droïde Système7** · 20/03/2021, 13h47

Bonjour,

Sans pouvoir consulter les class de ton CSS en ton code ; à moins d'avoir une boule de cristal...

DS7

**flexi2202** · 20/03/2021, 19h02

bonjour

Merci pour la réponse

j ai juste le css de base de boostrap 4.6
c est pour cela que j ai utilise la balise style pour le css

**Droïde Système7** · 21/03/2021, 13h46

Bonjour,

Et as-tu tenté de "neutraliser" cette class="card-text" qui pourrait perturber la surcharge style ?

Au moins voir ce que cela donne.

DS7

**flexi2202** · 21/03/2021, 16h05

bonjour
merci pour l aide
je viens d essayer cela ne donne rien
toujours pareil

**Droïde Système7** · 21/03/2021, 16h21

Ton souci se situe au niveau CSS et faudrait nous filer le code de ce CSS.

Mais PAS la tartine entière, simplement la portion en question.

Enfin, si pas trop encapsulé PHP

DS7

**flexi2202** · 21/03/2021, 18h55

bonjur

merci pour l aide

en fait le seul css que j ai est celui de la page d exempl de boostrap

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

puis celui qui est contenu dans le code que j ai poste

lorsque je retire l attribut

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

white-space: pre-wrap

tout fonctionne a merveille
sauf que je n ai plus le retour a la ligne dans le message

**Droïde Système7** · 21/03/2021, 19h55

C'est bien ce qu'entre lies lignes je tentais de dire :

Faudrait qu tu isoles la class idoine en cette usine à gaz (suis allergique à ce genre de trucs).

Si tu trouves la class en question, tu auras des possibilités.

Tu peux aussi autoriser les sauts de lignes, par exemple en passant par un élément HTML <pre> ; etc.

Un jour j'avais tenté de faire de même (isoler une class en bootrucmachin) pour trouver une ligne de code CSS bien précise ; j'ai failli bouffer ma souris

DS7

Edit : Mais au fait, elle dit quoi ta class="col" ? Car elle est placée au bon endroit.
Et l'autre au dessus qui est impec (sans blanc), la class="col-sm-auto" ?