Puis-je définir quels caractères sont autorisés à «casser» un mot?

Question

Je montre des URL longues dans mon extension Safari. Évidemment, ils ne peuvent pas tenir sur une seule ligne. Actuellement, les règles de rupture de mot font que la plupart des URL sont sur deux lignes: la première est plutôt courte et se termine par le symbole ?, et l'autre est ridiculement longue et contient tout le reste des paramètres GET.

Je voudrais faire en sorte que les mots se cassent aussi sur le symbole &, sans visser de copier-coller si possible. J'ai essayé de remplacer tous & avec &\u00ad (& + le trait d'union doux), mais c'est un peu bizarre de voir le trait d'union après le & quand il n'y en a vraiment aucun dans l'URL.

Je pensais qu'il y avait quelque chose en stock avec CSS3 pour ce genre de problème, mais je ne le trouve pas.

Toute suggestion est la bienvenue, à condition qu'elle fonctionne avec Safari.

Answer 1

Probablement <wbr> est ce que vous cherchez.

Answer 2

<wbr> est une bonne réponse, mais vous pouvez également considérer l'entité spatiale de largeur nulle. Je ne l'ai pas utilisé beaucoup, mais this article suggère d'utiliser les éléments essentiels suivants pour étendre la fonctionnalité multi-navigateur:

wbr:after { content: "\00200B" }