[TUTO] Éviter les pages déformées _ CSS

Éviter les pages déformées
Indépendamment d'un CSS mal conçus, il se peut qu'une page web se déforme simplement à cause du contenu : le texte lui même qui déborde par exemple.

Il y a pourtant quelques solutions très simple à ça.
Masquer ce qui dépasse


Si la boite conteneur est trop petite et que le contenu dépasse, on peut utiliser le code suivant pour masquer tout ce qui dépasse :

conteneur {
overflow: hidden:
}


Renvoyer le surplus à la ligne
La première méthode masque et rend invisible ce qui dépasse. C'est pas toujours pratique. Si la déformation de la page est simplement due à du texte (un mot super long qui étire son bloc conteneur), on peut couper les mots en deux :

conteneur {
word-wrap: break-word;
}

Résultat : [Vous devez être inscrit et connecté pour voir cette image]