Masquer le texte en allant au-delà de l'élément DIV

Question

J'ai un élément DIV avec une largeur fixe ayant un texte qui n'a pas d'espace pour que l'analyseur HTML casse automatiquement en plusieurs lignes. Le texte va au-delà de la limite de la DIV et déconnecte le pgae:

1. Y a-t-il un moyen de rendre le texte invisible?
2. Est-il possible de le diviser en plusieurs lignes, ou même mieux de se diviser en plusieurs lignes avec un hypen à la fin de chaque ligne brisée?

Cordialement,
Rafid

Answer 1

Vous pouvez le faire avec CSS. Y at-il une façon de rendre le texte invisible au-delà de la limite?

Yep: overflow

#yourDivId { 
    overflow: hidden; 
} 

Est-il possible de le casser en plusieurs lignes

Yep: word-wrap

#yourDivId { 
    word-wrap: break-word; 
} 

Answer 2

Vous pouvez utiliser CSS:

div { 
    overflow: hidden; 
} 

Ou:

overflow: auto; 

Pour en savoir plus: https://developer.mozilla.org/en/docs/Web/CSS/overflow

Answer 3

La réponse à votre première question est d'utiliser le style suivant:

overflow: hidden; 

Alternativement, si vous voulez être en mesure de faire défiler dans la div pour voir le contenu que vous pouvez faire

overflow: auto; 

ou

overflow: scroll; 

faire ce que vous demandez dans votre deuxième question que vous auriez besoin javascript.