À l'aide de CSS, comment puis-je fractionner une chaîne (par exemple une URL longue) dans une cellule de tableau?

Question

Voici la situation: J'essaie ma main à certaines personnalisations de page MySpace. Si vous avez ever tried [stackoverflow], je suis sûr que vous comprenez à quel point cela peut être frustrant.
Fondamentalement, il peut être tout personnalisé via CSS, dans un certain ensemble de règles (par exemple, le caractère «#» n'est pas autorisé ... quelle utilité!).
Jetez un oeil à ce blog si vous voulez plus d'informations, je l'ai utilisé comme base pour mes customisations

Ainsi, le seul problème est avec la section des commentaires, poste 'amis de où tout ce qu'ils se sentent comme. Il a déjà ...

max-width:423px; 

... mis sur la table, mais je l'ai découvert si les URL longues sont affichés dans la section des commentaires, il souffle sur la largeur de la table, quel que soit le réglage max!

Question: Existe-t-il un moyen de gérer le texte qui va pousser la largeur de la table?
Peut-être diviser/couper la chaîne? Ou y at-il plus que je devrais faire ..?
Les URL sont publiées au format texte, pas hrefs.

Utilisation de Firefox et Firebug btw.

Modifier: Aussi javascript est pas autorisé;)

Une autre modification juste vérifié avec IE7, et il semble fonctionner .. si Firefox est d'être les tracas dans ce cas ..

Answer 1

Avez-vous essayé les différentes valeurs pour la propriété css "overflow"? Je pense que cela peut faire ce dont vous avez besoin dans une permutation.

Answer 2

Vos options sont assez limitées, si vous utilisez uniquement CSS. Vous pouvez essayer

overflow: hidden 

pour masquer les pièces incriminées. CSS 3 prend en charge text-wrap, mais le support est probablement inexistant. IIRC il y a une propriété css IE-seulement pour faire la même chose, mais je ne peux pas m'en souvenir pour le moment et mon Google-Fu me manque.

Answer 3

quelques navigateurs supportent word-wrap

ex.

<div style="width: 50px; word-wrap: break-word">insertsuperlongwordhereplease</div> 

support du navigateur est actuellement IE/Safari/Firefox 3.1 (Alpha)