Gewusst wie: horizontales Scrollen mit CSS zu machen

In vielerlei Hinsicht ist es einfacher, horizontales Scrollen, wenn Sie nur Formatierung (HTML = Hypertext Markup Language), verwenden, da das horizontale Scrollen automatisch beginnt, wenn der Inhalt einer Seite breiter als die Seitenrahmen geht. Wenn Sie ein Dokument, das Erstellen sowohl HTML als auch Cascading Style Sheets (CSS) verwendet, müssen Sie die CSS ein paar Änderungen vorzunehmen, damit das Dokument weiß, dass es einen horizontalen Bildlauf durchführen sollte. Eine Seite, die nicht braucht, um horizontal zu scrollen ist benutzerfreundlicher.

Anweisungen

1 Melden Sie sich Ihrem Web-Server, und öffnen Sie die HTML-Seite auf der horizontalen Bildlauf möglich machen soll.

2 In den < Head >-Abschnitt der Seite klicken und diesen Code einfügen:

< Typ style = "Text/Css" >

div.Scroll

{

Breite: 100px;

Höhe: 100px;

Overflow-X: Scroll;

Überlauf-Y:scroll;

}

< / style >

3 Klicken Sie im Abschnitt < Body > der Seite, und fügen Sie diesen Code:

< Div Class = "scroll" > gesamte Text geht in diesem Abschnitt der Seite. < / Div >

4 Ersetzen Sie die "Gesamte Text geht in diesem Abschnitt der Seite", mit dem Text zu horizontalen Bildlauf durchführen zu können.

5 Veröffentlichen Sie die Seite "".