Wie man reaktionsschnelle Tabelle erstellt - CSS
Dieser Artikel zeigt, wie wir durch CSS eine Reaktionstabelle erstellen können.
So erstellen/erstellen Sie eine Reaktionstabelle?
Erstellen einer reaktionsschnellen Tabelle in HTML erfordert die Verwendung der “Überlauf-XEigentum in "Element, in dem das “ Syntax Hier fügt die Eigenschaft "Überlauf-X" die Bildlaufleiste hinzu, um die Tabelle reaktionsschnell zu machen. Voraussetzung: Erstellen einer Tabelle Reaktionstabelle Im obigen HTML -Code -Snippet: Im CSS -Stil ist es erforderlich, das zu definierenÜberlauf-XEigenschaft, um die Tabelle reaktionsschnell zu machen. Sie können auch einige andere Eigenschaften hinzufügen, um die Tabelle präsentierbarer aussehen zu lassen: Im obigen CSS -Stilelement: Der obige Code erstellt eine breite Tabelle in der Ausgabe und die folgende wird die Anzeige sein: Wenn die Bildschirmgröße so minimiert wird, dass sie die Grenzen des Bildschirms überläuft, gibt es eine horizontale Scroll -Stange, die unten aufgrund der Verwendung von “angezeigt wirdÜberlauf-X" Eigentum: Dadurch kommt zu dem Schluss, wie reaktionsschnelle Tabellen in HTML erstellt werden können. Abschluss Die Reaktionstabellen in HTML werden durch Hinzufügen des CSS erstelltÜberlauf-XEigenschaft für das DIV -Element, in dem die Tabelle erstellt wird. Diese Eigenschaft erstellt einfach eine horizontale Bildlaufleiste direkt am Ende der Tabelle, die die Tabelle horizontal scrollbar macht. Dieser Beitrag hat eine nützliche Methode gezeigt, um eine einfache Tabelle reagieren zu lassen. " geschaffen.
Die Syntax zum Hinzufügen der “Überlauf-XEigenschaft, um die Tabelle reagieren zu lassen, lautet wie folgt:
Lassen Sie uns eine Tabelle erstellen, die horizontal so erweitert wird, dass die Bildschirmbreite durch Hinzufügen mehrer" Und " Elemente: Name Standard Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Punktzahl Schmied 8 50 50 50 50 50 50 50 50 50 50 50 50 50 Jack 9 70 70 70 70 70 70 70 70 70 70 70 70 70 John 10 55 55 55 55 55 55 55 55 55 55 55 55 55
Element wird hinzugefügt, um eine Tabelle auf der Webseite zu erstellen.
"Element, vier"
Elemente wurden hinzugefügt, um vier Zeilen der Tabelle zu machen. Es wurden Elemente hinzugefügt, die den Headerinhalt definieren. Es wurden Elemente hinzugefügt, um den Inhalt in die Tabellenreihen einzufügen.
Überlauf-X: Auto;
Tisch
Grenzabteilung: 0;
Breite: 100%;
Grenze: 1PX Solid #ddd;
th, td
Text-Align: links;
Polsterung: 8px;
TR: N-te Kind (sogar)
Hintergrundfarbe: #F2F2F2;