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?

DDD
Freigeben: 2024-12-24 21:50:12
Original
311 Leute haben es durchsucht

How Can I Create a Table Using Only `` and CSS?

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;
}
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!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage