Ich versuche, 2 Tabellen horizontal nebeneinander so zu rendern:
| Tabelle 1 | | Tabelle 2 |
| --------- | | ----------
| --------- | | ----------
| --------- | | ---------- |
Was ist der richtige Weg dafür?
Zur Zeit habe ich diesen HTML-Code:
%Vor%Wenn Probleme mit der vertikalen Ausrichtung auftreten, wird es so dargestellt (Tabelle 2 hat 1 Zeile weniger):
| Tabelle 1
| --------- | | Tabelle 2 |
| --------- | | ----------
| --------- | | ---------- |
Ich möchte, dass es von oben beginnt.
P. s. Es gibt verwandte Fragen , aber ich möchte sie nicht umbrechen um w / divs.
Fügen Sie vertical-align: top hinzu oder verwenden Sie float: left anstelle von display:inline-table .
Warum brauchen Sie zwei separate Tische? Könnten Sie stattdessen keine Tabellenspalten verwenden?
z.B.
Tabelle
Spalte 1 Spalte 2
| -------- | -------- |
| -------- | -------- |
| -------- | -------- |
| -------- | -------- |
Andernfalls verwenden beide Tabellen diesen CSS-Code:
%Vor%