verstecken Sie den text in html, css, javascript

So blenden Sie einen Teil des Textes innerhalb div oder span ?

Habe ich einen text von 160 Zeichen, aber ich möchte zeigen nur die ersten 40.

Ich habe den kompletten text in meinem div, span wie ich javascript sucht.

InformationsquelleAutor m1k3y3 | 2012-03-14
  1. 5

    Müssen Sie einige javascript-Code erzeugt einen span um den letzten 120 Zeichen, die versteckt Sie. Es ist ein CSS-Attribut "visibility:hidden", die angewendet werden können, um die span.

    Etwas mag, der sollte die Folge sein:

    <div>first 40 chars <span style="visibility:hidden">last 120 chars</span></div>
    • Dies wirft die Frage auf: "Wie finde ich die ersten 40 Zeichen?"... (vorausgesetzt dieser ist nicht statisch, HTML)
    • Wenn es nicht zu statischen HTML -, könnte man hinzufügen, die Spannweite bei der Generierung der Seite auf dem server. Sollte nicht allzu schwer sein, in PHP oder ASP. Einfach mit JQuery als gut.
    InformationsquelleAutor Tarion
  2. 14

    Können Sie eine einfache css-Eigenschaft für das element "text-overflow: ellipsis;"
    die Verwendung dieser Eigenschaft effektiv Sie anwenden müssen einige relevante Eigenschaften, zusammen mit, dass.

    Beispiel:

    <div style="width: 50px; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;">Some text goes here</div>

    *Getestet in Chrome.

    • Das ist pure Magie.
    InformationsquelleAutor Naushad KM
  3. 4

    Wenn Sie möchten clip in das div auf eine bestimmte Größe, eher als eine genaue Anzahl von Zeichen, können Sie einfach geben Sie dem div die Größe, die Sie möchten, und geben Sie overflow: hidden clip Inhalt, der nicht passt.

    Wenn Sie sicher, dass die Höhe des div ist eine Vielzahl von die Zeilenhöhe des Textes, den Sie nicht haben, die Inhalte abgeschnitten, in die (vertikale) Mitte der Zeile.

    InformationsquelleAutor GolezTrol
Schreibe einen Kommentar