Décalage de points de suspenssion
Résolu/Fermé
Fatiiza
Messages postés
19
Date d'inscription
jeudi 1 septembre 2016
Statut
Membre
Dernière intervention
14 novembre 2016
-
Modifié par Fatiiza le 1/09/2016 à 12:08
Fatiiza Messages postés 19 Date d'inscription jeudi 1 septembre 2016 Statut Membre Dernière intervention 14 novembre 2016 - 8 sept. 2016 à 11:49
Fatiiza Messages postés 19 Date d'inscription jeudi 1 septembre 2016 Statut Membre Dernière intervention 14 novembre 2016 - 8 sept. 2016 à 11:49
A voir également:
- Décalage de points de suspenssion
- Points de suite word - Guide
- Créer une carte avec des points - Guide
- Point de restauration - Guide
- Le point d'entrée de procédure bcrypt hash ✓ - Forum Logiciels
- Décalage horaire whatsapp - Forum WhatsApp
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
1 sept. 2016 à 12:36
1 sept. 2016 à 12:36
Salut,
Il faudrait idéalement voir le code html correspondant pour pouvoir t'aider au mieux.
Si tu veux que les '...' s'affiche après le texte, tu ne devrais pas utiliser de position absolute mais laisser la position par défaut. Exemple :
Bonne journée,
Il faudrait idéalement voir le code html correspondant pour pouvoir t'aider au mieux.
Si tu veux que les '...' s'affiche après le texte, tu ne devrais pas utiliser de position absolute mais laisser la position par défaut. Exemple :
/* css */
.text:after {
content: '...';
}
<!-- html --> <div class="text"> lorem ipsum dolor sit amet </div>
Bonne journée,
Modifié par Fatiiza le 1/09/2016 à 12:55
1 sept. 2016 à 14:18
Il faudrait utiliser un langage serveur comme php ou utiliser javascript pour compter le nombre de caractère et appliquer une classe css spécifique pour les textes long. On pourra alors appliquer le code css ci-dessus sur cette classe css.
1 sept. 2016 à 14:41
peux tu m'écrire le code javascritp correspend a ce que tu viens de m'expliquer ?
1 sept. 2016 à 16:08
// nombre de caractère à partir duquel on ajoute '...' var maxLength = 100; // on récupère tous les éléments class="text" var textElements = document.querySelectorAll('.text'); // pour chaque éléments class="text" for (var i = 0; i < textElements.length; ++i) { // si le contenu textuel de l'élément est plus grand que maxLength if (textElements[i].innerHTML.length > maxLength) { // on ajoute '...' à la fin du contenu de l'élément textElements[i].innerHTML += '...'; } }8 sept. 2016 à 11:49