Heim >Web-Frontend >CSS-Tutorial >Wie kann ich eine Tabelle nur mit „' und CSS erstellen?
Wie kann ich eine Tabelle nur mit „' und CSS erstellen?
- DDDOriginal
- 2024-12-24 21:50:12314Durchsuche
Erstellen einer Tabelle nur mit und CSS
Erstellen von Tabellen mit HTML5s
Element und CSS bieten einen flexiblen und portablen Ansatz, insbesondere bei der Arbeit mit älteren Browsern, die moderne Tabellenelemente möglicherweise nicht vollständig unterstützen. Hier ist eine verbesserte Lösung für das von Ihnen beschriebene Problem:
.div-table {
display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px;
/* cellspacing: poor IE support for this */
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col {
float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;
}
<body>
<form>
Dieses Code-Snippet erstellt eine Tabelle mit den angegebenen Headern und Daten und zeigt sie in Browsern wie Internet Explorer 7 und höher ordnungsgemäß an. Durch die Verwendung von
Elemente und CSS-Tabelleneigenschaften können Sie eine tabellenartige Struktur erreichen, ohne auf herkömmliche HTML-Tabellenelemente angewiesen zu sein.Das obige ist der detaillierte Inhalt vonWie kann ich eine Tabelle nur mit „' und CSS erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cnVorheriger Artikel：Wie zentriere ich ein Div vertikal innerhalb eines Div mit prozentualer Höhe?Nächster Artikel：Wie zentriere ich ein Div vertikal innerhalb eines Div mit prozentualer Höhe?In Verbindung stehende Artikel
Mehr sehen
Erstellen von Tabellen mit HTML5s
Element und CSS bieten einen flexiblen und portablen Ansatz, insbesondere bei der Arbeit mit älteren Browsern, die moderne Tabellenelemente möglicherweise nicht vollständig unterstützen. Hier ist eine verbesserte Lösung für das von Ihnen beschriebene Problem:
.div-table {
display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px;
/* cellspacing: poor IE support for this */
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col {
float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;
}
<body> <form>
Dieses Code-Snippet erstellt eine Tabelle mit den angegebenen Headern und Daten und zeigt sie in Browsern wie Internet Explorer 7 und höher ordnungsgemäß an. Durch die Verwendung von
Elemente und CSS-Tabelleneigenschaften können Sie eine tabellenartige Struktur erreichen, ohne auf herkömmliche HTML-Tabellenelemente angewiesen zu sein.
Das obige ist der detaillierte Inhalt vonWie kann ich eine Tabelle nur mit „' und CSS erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie zentriere ich ein Div vertikal innerhalb eines Div mit prozentualer Höhe?Nächster Artikel：Wie zentriere ich ein Div vertikal innerhalb eines Div mit prozentualer Höhe?