Je demande un texte à partir d'un DB. si le texte se termine trop longtemps, je veux pouvoir envelopper le texte après, disons, 400 caractères et afficher un "..." à la fin. comment cela peut-il être fait?envelopper un texte long dans un div
Répondre
Je vous suggère de ne pas le faire dans votre requête. Vous êtes probablement rendu dans une police proportionnelle, ce qui signifie que 400 caractères n'ont jamais la même taille. "..." avec beaucoup d'espace blanc derrière c'est un peu bizarre.
Vous pouvez interroger le champ entier et coupé à l'aide CSS (avec l'aide du navigateur limité) avec:
overflow: hidden;
text-overflow: ellipsis;
En MySQL, il est:
SELECT (CASE WHEN CHAR_LENGTH(some_column) > 400 THEN CONCAT(SUBSTR(some_column, 1, 400), '...') ELSE some_column END) FROM some_table
Remplissez votre propre colonne à tronquée et une table, mais qui est l'essentiel.
Lorsque vous avez le texte dans une chaîne javascript:
newText = text.length > 400 ? (text.slice(0, 400) + ' ...'):text;
Vous pouvez ajouter o-text-overflow
à la solution de Tomas pour apporter un soutien à l'Opéra.
L'utilisation de javascript et de jquery (substring()) peut convenir à vos besoins.
var mystring = somethingFromYourDb
var mystringToDisplay = mystring.substring(0,400);
var div = document.createElement('div');
div.innerHTML = mystringToDisplay;
...
Pour afficher la fin de la chaîne, vous avez également plusieurs façons de le faire. Ouvrir une nouvelle fenêtre, en utilisant la fonction jquery "toggle()", ...
- 1. Comment positionner et envelopper un texte long?
- 2. Envelopper le contenu dans DIV
- 3. Comment faire un DIV ne pas envelopper?
- 4. Comment envelopper un long texte qui n'a pas d'espace dans ce
- 5. texte défilant dans un div
- 6. Envelopper le texte et div comme une unité
- 7. Comment envelopper un texte latéralement dans une colonne (tableau)
- 8. Envelopper le texte dans un multiple <select> list
- 9. Envelopper le texte dans un UILabel avec des guillemets?
- 10. jQuery envelopper ensembles d'éléments dans div
- 11. Envelopper un mot dans LaTeX
- 12. Envelopper un UITableViewController dans NSProxy
- 13. Enveloppant texte long sur un canevas Android
- 14. peignant un texte long chez LABELFIELD?
- 15. Comment puis-je obtenir un long texte dans un DIV plus petit, en s'encastrant dans une nouvelle ligne si nécessaire?
- 16. Contenant du texte très long à l'intérieur du div
- 17. Comment insérer un texte très long dans jgrowl
- 18. bas aligner un lien dans un div
- 19. comment envelopper du texte en html?
- 20. Service OSGi envelopper un pot
- 21. empêchant de div flotteur pour envelopper
- 22. Envelopper un LinearLayout de xml
- 23. Envelopper/utiliser un composant Serviced
- 24. Sélectionner des sous-ensembles d'éléments, et les envelopper dans un div
- 25. Envelopper un EXE existant dans un MSI - des inconvénients?
- 26. Envelopper l'écho dans une zone de texte en utilisant PHP
- 27. Ajuster le texte à un div
- 28. générateur de code court pour un long texte en java
- 29. un emballage intérieur « div » bien par un extérieur « div »
- 30. iPhone: Envelopper du texte autour de l'image
Veuillez nous donner plus de détails sur la façon dont vous interrogez la base de données et comment vous avez l'intention de mettre les résultats dans une page html. –