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;
}
Nach dem Login kopieren
<body>
<form>
Nach dem Login kopieren
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!
Erklärung dieser Website
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