Finden Sie die Anzahl der Zeilen in einem div

Möchte ich zeigen, 'View All' Art von link, nur wenn die Linien, die in die div erreicht hat 4 Zeilen.

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>

Habe versucht, mit jquery substring Konzept, aber kein Glück,

Ich habe versucht, wie

  1. finden div Höhe
  2. finden Zeilenhöhe
  3. div-Höhe /line-height = keine Linien

Dies ist der code:

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

Haben aber keinen Erfolg, Können Sie Kerle, die mir helfen

Warum hat es nicht funktioniert ? Wo ist dein code ?
Ich glaube nicht, dass es eine ganz sichere Methode, aber dein Konzept Klang. Poste deinen code und wir können Sie in die richtige Richtung.
Sorry für die Verspätung, var divheight = $("#startegy-profile-targeting-exclude").height(); var lineheight = $("#startegy-profile-targeting-exclude").css('line-height'); console.log(Math.Runde(divheight/parseInt(lineheight)));
Nicht css('line-height') einen string zurückzugeben, der mit "px/em" enthalten?
Die CSS Eigenschaft line-height ist normalerweise kein numerischer Wert, sondern es ist gesetzt als normal, large etc. Daher, Sie nicht bekommen, eine Antwort.

InformationsquelleAutor Manoj Kumar | 2013-01-17

  1. 3

    Können Sie die ThreeDots plugin für jQuery: http://tpgblog.com/2009/12/21/threedots-the-jquery-ellipsis-plugin/

    Beim Aufruf ThreeDots() auf Ihre <div> legen max_rows zu 4. Schauen Sie sich einfach die Beispiele auf dieser Seite, Sie können auch Ihre benutzerdefinierten "mehr Lesen" - link. Aber Vorsicht, dass Sie haben, wickeln Sie Ihren text in eine extra <span>:

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

    ... das jQuery-code-Zeile wäre dann:

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

    InformationsquelleAutor saschoar

  2. 1

    sollten Sie nicht verwenden $("#startegy-sections-targeting-exclude").css('line-height'); wenn Sie noch nicht angegeben, eine line-height. in javascript können Sie verwenden :

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

    InformationsquelleAutor Fi Ras

Schreibe einen Kommentar