Trouver le nombre de lignes dans un div

Je veux montrer 'Afficher Tout' type de lien, seulement lorsque les lignes dans la div a atteint 4 lignes.

HTML

<div>
    3PAS-Pub-IO-doubleclick.net-LI, ATOM_DFP_Pub_LI, AUG12_Zynga.com_MafiaWars2_0.10$_CPM,
    ATOM_Macro_Jivox Testing,   Sep 11 Head and Shoulder Innovation - Do Not Bill, 123Greetings - IN Do Not Pay_Second, 
    July 11_Affinity.com_Fiat Linea_CPL 55, 3PAS-Pub-IO-atdmt.com-LI, 2_Affinity_RealEstate_CPC_2.8_INR_2nd,
    AUG12_Zynga.com_treasureIsle_0.10$_CPM, AUG12_Zynga.com_theville_0.10$_CPM, 123Greetings - IN Do Not Pay_NonIndia,
    AUG12_Zynga.com_RubyBlast_0.10$_CPM, 12_Affinity_Education_CPC_2.8_INR_1st, 728x90_Original, 300x250_TagModified,
    Dec11_ WhyteFort_CPL_INR 45, AUG12_Zynga.com_PetsVille_0.10$_CPM, 123Greetings - IN Do Not Pay_First,
    AUG12_Zynga.com_FishVille_0.10$_CPM, 3PAS-Pub-IO-adfac.net-LI,
    3PAS-Pub-IO-bs.serving-sys.com-LI1, 3PAS-test-pub-IO-li, 160x600_Noscr...
</div>

Essayé avec jquery sous-chaîne concept, mais pas de chance,

J'ai essayé comme

  1. trouver div hauteur
  2. trouver la hauteur de la ligne
  3. div hauteur /hauteur de la ligne = pas de lignes

C'est le code:

var divheight = $("#startegy-sections-targeting-exclude").height();
var lineheight = $("#startegy-sections-targeting-exclude").css('line-height');
console.log(Math.round(divheight/parseInt(lineheight)));

Mais n'ont pas de succès, Pouvez-vous les gars, aidez moi

Pourquoi n'a t il pas de travail ? Où est ton code ?
Je ne pense pas qu'il y en est une méthode fiable, mais votre concept de son. Poste ton code et on peut vous diriger dans la bonne direction.
Désolé pour le retard, var divheight = $("#stratégie-sections-ciblage-exclure").height(); var lineheight = $("#stratégie-sections-ciblage-exclure").css('line-height'); console.journal(Math.round(divheight/parseInt(lineheight)));
Ne pas css('line-height') retourner une chaîne de caractères avec "px/em" inclus?
Le CSS propriété line-height est normalement pas une valeur numérique, au lieu de cela, il est défini comme normal, large etc. Par conséquent, vous n'avez pas de réponse.

OriginalL'auteur Manoj Kumar | 2013-01-17

  1. 3

    Vous pouvez utiliser le ThreeDots plugin pour jQuery: http://tpgblog.com/2009/12/21/threedots-the-jquery-ellipsis-plugin/

    Lors de l'appel de ThreeDots() sur votre <div>, ensemble max_rows à 4. Il suffit de regarder les exemples sur cette page, vous pouvez également définir votre personnalisé "lire la suite" lien. Mais méfiez-vous que vous avez pour envelopper votre texte dans un supplément de <span>, comme suit:

    <div class="text_here">
    <span class="ellipsis_text">
        your text
    </span>
</div>

    ... le jQuery ligne de code serait alors:

    $('.text_here').ThreeDots({ max_rows:4 });

    OriginalL'auteur saschoar

  2. 1

    vous ne devez pas utiliser $("#startegy-sections-targeting-exclude").css('line-height'); si vous n'avez pas spécifié de la hauteur de la ligne. en javascript, vous pouvez utiliser ceci :

    var element = document.getElementById('startegy-sections-targeting-exclude');
var lineheight = document.defaultView.getComputedStyle(element, null).getPropertyValue("lineHeight");

    OriginalL'auteur Fi Ras