Saut de ligne forcé

Version imprimable

21/01/2009, 17h53
poitierjohan

Saut de ligne forcé

Bonjour,
Je travaille dans une balise DIV. Avec parfois une très longue série de caractères adjacent. (vive les gens qui écrivent un MP avec une longue série de "!!!!!!!!!!!!!".) Ce qui me donne un scroll horizontal que je souhaiterais ne pas avoir.

Est-il possible de forcer une saut de ligne pour chaine de caractères suivie et évite ce scroll (balise DIV)...???

Merci pour votre aide...
21/01/2009, 18h41
StAfX

Bonjour,

est-ce que tu peux préciser "l'état" dans lequel est ton div, au niveau des propriétés css, ça aiderai pour savoir où il faut regarder (white-space, overflow...)

merci :)

Oui bien sûr,
Le voici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
font-family: "Arial Black";
width: 746px;
position: absolute;
top: 103px;
overflow: auto;
height: 486px;
left: 200px;
border: 7px solid #036;
padding: 2px;
font-size: 12px;
max-width:746px;
min-width:746px;

Merci...

21/01/2009, 19h20
StAfX

Je n'ai (à priori :?) pas la réponse exacte à ta question... mais tu peux toujours essayé une bidouille en mettant overflow: hidden . ça coupera ta chaine de !!!!! ce qui n'ai à priori pas très grâve, mais par contre il faut être sur que ton cadre soit toujours assez grand pour ne pas tronquer d'autre partis du texte... solution très limite donc, mais sinon je ne vois pas...

--> je ne suis pas sur qu'il y ai une solution, essaye lorsque que tu écris un message ici de mettre une chaine énorme ==> un scroll horizontal apparaît...:?

Bon courage...

Stef.
21/01/2009, 19h50
Erwan31

Bonjour,
si tu n'acceptes pas la solution de l'overflow:hidden il n'y a aucune solution en CSS 2.1 mais peut-être en JS en injectant un <br /> à l'intérieur de la chaines de caractère et dans certaines conditions...
22/01/2009, 09h53
Bisûnûrs

Ou tu peux toujours passer par une solution langage serveur, comme la fonction wordwrap() de PHP par exemple.
24/01/2009, 23h48
devyan

Salut,

Est-ce que remplacer le DIV par un TEXTAREA ne pourrait pas faire l'affaire ?
(mais là non plus ce n'est plus du CSS non plus) ;)
25/01/2009, 00h14
Erwan31

Citation:

Envoyé par devyan

Salut,
Est-ce que remplacer le DIV par un TEXTAREA ne pourrait pas faire l'affaire ?
(mais là non plus ce n'est plus du CSS non plus) ;)

Hello Devyan,
comme tu dois le savoir, détourner une balise de son rôle initial n'est en général pas très conseillé, ça pourrait être déstabilisant en accès clavier ou via un lecteur d'écran sachant que les textarea prend le focus et puis le plus gros problème: la présence d'une scrollbar dés que le contenu dépasse la hauteur du textarea avec la défaillance ergonomique en découle. ;)