Wie Center-Footer-Widgets

Eine der schnellsten Möglichkeiten um eine Gruppe von Objekten auf einer Seite zu zentrieren ist, sie in einem Container zu legen. Widgets, kommen beispielsweise in vielen Größen und Formen. Viele Websites wie Facebook, Twitter, Amazon und auch die Regierung der Vereinigten Staaten verschenken Widgets kostenlos. Haben Sie Widgets, die Sie im Fußbereich der Webseite anzeigen möchten, fügen Sie sie in einen Div-Container und verwenden Sie CSS, um Ihre div. Stil

Anweisungen

1 Starten Sie einen HTML-Editor oder Texteditor und öffnen Sie ein HTML-Dokument zu. Finden Sie Style-Abschnitt des Dokuments und fügen Sie den folgenden Code in diesem Abschnitt:

.Footer {unten: 0px; Breite: 100 %; unten: 5px; Position: absolute; Textausrichtung: Mitte;}

.Widgets {Float: Left; Width: 100 %; Margin: 0 Auto;}

Die .footer-CSS-Klasse definiert die Attribute Ihrer Webseite Fußzeile. Das übereinzustimmen-Attribut-Wert ist "zentriert". Dies ermöglicht die Browser etwas innerhalb der Fußzeile zentriert. Die .widgets-Klasse definiert die Attribute der Div-Container mit Ihre Widgets. Das Float-Attribut – deren Wert ist "Links" – stellt sicher, dass mehrere Widgets in das Div nebeneinander sitzen. Das wichtigste Attribut ist Marge. Geben sie einen Wert von "0 Auto" erzwingen Sie Browser um die Widgets in ihrer Div-Container zu zentrieren.

2 Fügen Sie den folgenden HTML-Code im Body-Abschnitt des Dokuments:

< Div Class = "Fußzeile" >< Div Class = "Widgets" >WIDGET HIER EINFÜGENWIDGET HIER EINFÜGEN< / Div >

Die erste Codezeile erstellt die Fußzeile div. Sie verweist auf die Fußzeile-Klasse, die im vorherigen Abschnitt beschrieben. Das zweite Div verweist die Widgets-Klasse. Dieses Div sitzt in der Fußzeile div. ersetzen die beiden Linien, die "WIDGET hier einfügen" Lesen mit zwei Ihre Widgets.

3 Speichern Sie das Dokument und zeigen Sie es in Ihrem Browser. Ihre Widgets erscheint am unteren Rand der Seite in der Fußzeile zentriert.

4 Das div-Tag, das die Widgets enthält fügen Sie zusätzliche Widgets hinzu. Ihre Webseite in einem Browser anzeigen, nachdem Sie weitere Widgets um sicherzustellen, dass Sie nicht hinzufügen hinzugefügt zu viele. Wenn Sie dies tun, werden sie von der rechten Seite der Seite fließen und dazu führen, dass eine horizontale Bildlaufleiste angezeigt werden.