Comment insérer un espace dans une phrase s'il traverse l'écran?

Question

J'ai un contrôle utilisateur dans mon projet web asp.net.

Affiche le titre d'un article de blog. Si le titre est trop long, il étirera la table enveloppée et ruinera la mise en page.

Existe-t-il un moyen de couper le texte après 40 caractères SI le texte ne contient pas d'espace?

Comment vérifier l'existence d'un espace n'importe où, et s'il n'existe pas, insérez un espace.

Je suis à la recherche de la «meilleure pratique» car je suis sûr que c'est un problème commun pour les applications web.

Answer 1

La balise <wbr/> a été conçu à cet effet. Il y a aussi d'autres entités html qui peuvent aider avec ceci. Essentiellement, il suggère au navigateur que ce serait un bon endroit pour rompre si la ligne devient trop longue.

Vous pouvez en lire plus ici:

http://www.quirksmode.org/oddsandends/wbr.html

Answer 2

À moins que je suis trop simplifier le problème:

overflow: hidden; 

devrait faire l'affaire.

Answer 3

La meilleure pratique dans ce cas serait de revoir votre conception de mise en page.

On dirait que vous avez conçu quelque chose qui est un peu trop flexible pour le web. L'utilisateur a toujours la possibilité de redimensionner le navigateur ... et cela pourrait définitivement casser votre mise en page comme vous le décrivez ici.

Forcer leur main est une expérience utilisateur médiocre.

Créer quelque chose de flexible qui se comporte avec élégance, peu importe la longueur est la meilleure option ...

Answer 4

TextFormatFlags peut vous aider. Vous voudrez peut-être faire quelque chose avec WordEllipses ou WordBreak.