Comment afficher au mieux les liens tronqués?
Je travaille sur une plateforme de questions/réponses, et je me demandais.
Dans Mon dossier, vous pouvez vérifier vos questions, réponses et commentaires tels que
[Ta Réponse]
Date: [XX-XX-XX] Nombre de réponses: [XX]
Question connexe: [Texte de la question connexe]
Étant donné que la question et les réponses peuvent être assez longues, je pense à les raccourcir à 140-170 caractères. Ce qui m'inquiète, c'est de savoir comment afficher le fait qu'il a été raccourci, car le texte sera un lien. Habituellement, les liens tels que "Afficher plus" sont beaucoup plus visibles car le texte de la question/réponse/commentaire n'est pas un lien lui-même. Quelles sont les bonnes options pour le montrer?
Une manière simple et conventionnelle serait l'ellipse. CSS a même la propriété text-overflow qui a Ellipsis en option.
http://davidwalsh.name/css-Ellipsis
http://css-tricks.com/snippets/css/truncate-string-with-Ellipsis/
Exemple
Ma chaîne plus longue qui sera coupée ...
Mon autre chaîne beaucoup plus longue qui ...
Exemple de travail sur UX Stackexchange
Cette technique est utilisée ici sur ux.stackexchange dans la section questions/réponses de la page de profil. La convivialité est augmentée en offrant le texte intégral au survol via une info-bulle.
Un autre exemple sur la page d'accueil Youtube
