So blenden Sie Überlauf in CSS

Wenn eine Scroll-Box auf Ihrer Website erstellen, können Sie den Text in ein paar verschiedene Möglichkeiten anzeigen. Eine der häufigsten Arten ist, zwar eine Bildlaufleiste in die Box, damit den Benutzer einen Bildlauf durch das Feld zum Suchen von zusätzlichen Text einfügen können Sie auch einen beliebigen Text ausblenden, der über die Grenzen der Box hinausgeht. CSS-Codierung kann verwendet werden, um den Überlauf von Text auszublenden.

Anweisungen

1 Melden Sie sich Ihrem Web-Server und öffnen Sie die HTML-Seite, auf der Sie Überlauftext ausblenden möchten.

2 Legen Sie den folgenden CSS-Code an beliebiger Stelle zwischen den < Head > und < / Head > tags auf der HTML-Seite:

div

{

Breite: 150px;

Höhe: 150px;

Overflow: hidden;

}

3 Ersetzen Sie die Breite und Höhe Einstellungen nach Bedarf.

4 Fügen Sie folgenden Code auf der Seite in die gewünschte es erscheint zwischen den < Körper > und < / body > Markierungen:

< p > Überlauf: versteckt </p >

< Div Class = "hidden" > den Text, der geht, hier werden sichtbar bis zum Ende des Bildlauffelds erreicht. Alle Überlauftext abgeschnitten und ausgeblendet werden. < / Div >

5 Ersetzen Sie "den Text, der geht, hier werden sichtbar bis zum Ende des Bildlauffelds erreicht. Alle Überlauftext wird abgeschnitten und versteckt"durch den Text im Feld angezeigt werden soll.

6 Veröffentlichen Sie die Seite "".