Page 1 sur 1

Saut de ligne Si texte trop long

Posté : 20 févr. 2014, 15:54
par gdc
Bonjour, c'est encore moi !!!!

Ma question du jour est:

Comme effectuer un saut de ligne dans le contenu d'un champ SQL si je veux effectuer un saut de ligne a tout les 60 carractere qui sont enregistrer dans le champs texte,

J'effectue ma requet SQL et ensuite je fais un echo $row['texte'] dans un div, mais le seul probleme est quand le texte a 150 carractere bien ca sort de mon div, j'ai essayé avec un max-height: sur le style du Div mais cela n'effectu pas de saut de ligne ca etire ma div quand meme ...

Merci de votre aide :)

Re: Saut de ligne Si texte trop long

Posté : 20 févr. 2014, 19:34
par moogli
salut,

et un overflow:auto ou scroll ?
http://www.w3schools.com/cssref/pr_pos_overflow.asp


sinon en php wordwrap par exemple.

@+

Re: Saut de ligne Si texte trop long

Posté : 21 févr. 2014, 12:45
par gdc
Salut,

J'ai essayes comme tu a dis avec le overflow:auto ou scroll mais ca fonctionne pas,

Ce que je veux c'est lire le contenu du champ texte dans SQL, mais si le texte est trop long bien ca sort de mon div en largeur et ca mets une barre de diflement de 1 km de long :) ...

J'ai pas encore trouver la solution ... :(

Bonne journée

Re: Saut de ligne Si texte trop long

Posté : 21 févr. 2014, 12:50
par moogli
code ?

normalement les retours a la ligne se font sur les espaces.

tu peux utiliser la fonction php wordwrap en insérant un <br /> tous les x caractères.

sans code on ne peux pas savoir ce que tu fait et donc savoir où tu bloque.

@+

Re: Saut de ligne Si texte trop long

Posté : 21 févr. 2014, 13:45
par sirakawa
Moogli a raison: exemple en précisant hauteur et largeur de la div
<div style = "width:50px; height:100px; overflow:scroll">
Un texte un peu plus long que ce qui tiendrait dans la div.

</div>

Re: Saut de ligne Si texte trop long

Posté : 21 févr. 2014, 14:21
par yann18
par défaut le texte(ou tout élément enfant) ne peut pas sortir en largeur de son bloc parent sauf si le texte(ou son parent) a été positionné(position, float).
<div class="bloc">
  <p>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt urna sed felis ultricies ultricies ut eget turpis. 
  </p>
  <p>
  Nulla ut purus tellus. Donec dapibus ipsum at arcu faucibus pulvinar. Pellentesque fermentum laoreet turpis sed sollicitudin. 
 </p>
</div>
.bloc{
  width:120px;
  text-align:justify;
  border:1px #00CFFF solid;
  padding: 8px 14px;
 
}

.bloc > p{
 position:absolute;/* même cas avec un flottant*/
 
}

Dans un tel cas, l'élément p étant positionné il sort complètement de son bloc parent(div) ce qui peut justifier un débordement en largeur

Re: Saut de ligne Si texte trop long

Posté : 21 févr. 2014, 16:07
par gdc
Merci a vous tous,

Probleme résolu :)