Dépassement CSS avec URL longue

Question

Ok, j'ai donc des annonces Google dans un conteneur 160x600. Les nouvelles annonces sont diffusées au hasard à l'actualisation. Lorsqu'une annonce apparaît avec une URL longue qui ne contient aucun tiret ou caractère, elle déborde du div conteneur. En ce moment j'ai un débordement: caché donc tout ce qui après 160 pixels est caché. Le problème est que s'il y a une longue URL, une partie est cachée (ce qui est bien), mais le texte au-dessus de l'annonce est également caché au lieu de se casser parce qu'il s'écoule horizontalement jusqu'à l'URL.

Comment est-ce que je rends le texte conforme et l'enveloppe à 160 pixels même si je ne peux pas faire l'URL ci-dessous wrap?

Merci!

Answer 1

Vous pouvez toujours placer l'URL dans un DIV séparé et définir le débordement de ce DIV sur caché.

Answer 2

Je ne pense pas qu'il y ait un moyen CSS propre de fixer ceci: http://www.w3schools.com/Css/pr_pos_overflow.asp

Pour résoudre ce problème, vous pouvez mettre l'URL dans son propre div et définir la propriété de trop-plein pour être caché. Cela empêchera l'URL d'aller à l'extérieur du conteneur, je ne sais pas si c'est ce que vous voulez.

Si vous utilisez PHP J'ai trouvé ce qui peut couper les mots de votre texte:

$t = preg_replace("/>(([[:alnum:]]+:\/\/)¦www\.)([^[:space:]]". 
"{30,40})([^[:space:]]*)([^[:space:]]{10,20})([[:alnum:]#?\/&=])". 
"</", ">\\1\\3...\\5\\6<", $t); 

(de http://www.webmasterworld.com/forum83/5762.htm)

modifier: il y a aussi la propriété word-wrap css cool, mais il a gagné ne sera pas géré par la plupart des navigateurs actuels.

espoir qui aide

---

En outre, ce type est d'un double: Using CSS, how can I split a string (e.g. a long URL) in a table cell?

Answer 3

Pour les navigateurs whichsupportit, word-wrap: break-word ;.