Comment utiliser text-overflow:ellipsis dans Firefox

Comment utiliser text-overflow:ellipsis dans Firefox ? Je crois que de nombreux amis qui débutent dans le front-end se poseront de telles questions. Ce chapitre vous présentera l'utilisation de text-overflow:ellipsis dans le navigateur Firefox. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Utiliser text-overflow:ellipsis pour afficher des points de suspension dans le texte de débordement présente deux avantages : premièrement, il n'est pas nécessaire de limiter le nombre de mots via le programme ; est bénéfique pour le référencement. C'est généralement la liste des titres d'articles qui doit être utilisée pour afficher les points de suspension pour le texte de débordement. Ce traitement est plus convivial pour les moteurs de recherche, car le titre n'est pas réellement tronqué, mais est limité à la largeur et n'est pas affiché.

L'approche habituelle est la suivante :

1.overflow:hidden;

2.text-overflow:ellipsis;

3.-o- text -overflow:ellipsis;

4.white-space:nowrap;

5.width:100%;

Parmi eux, overflow: caché et white-space: nowrap Tous sont requis sinon les points de suspension ne seront pas affichés ; -o-text-overflow : les points de suspension sont pour Opera et le paramètre de largeur est principalement pour IE6

Cette méthode prend en charge Internet Explorer, Safari, Chrome et Opera, mais FF ne le prend pas en charge, mais des effets similaires peuvent être obtenus via Jquery.

Téléchargez ce plugin Jquery : jQuery ellipsis plugin

   
$(document).ready(function() {
    $('.ellipsis').ellipsis();
}

Ce qui précède est une introduction complète à l'utilisation de text-overflow:ellipsis dans le navigateur Firefox, si vous souhaitez en savoir plus surTutoriel vidéo HTML, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!