Wie halte ich Zellen mit dem Tisch ausgerichtet?

Question

Ich weiß, dass dies eine einfache Lösung haben könnte, aber ich habe alles versucht und ich konnte es nicht funktionieren lassen.

Wenn ich meine Seite verkleinere, ist alles perfekt symmetrisch, aber wenn ich auf Fullscreengröße skaliere, passiert es wie auf dem Foto.

Ich möchte, dass die Zellen die Größe der Tabelle behalten und nicht nur den Hintergrund anzeigen.

Das Hauptproblem ist in einer bestimmten Zelle, die einen bestimmten Text enthält, der in bestimmten als in anderen länger ist.

Ich habe bereits versucht, eine bestimmte Breite zu machen, aber wenn ich das tue, kann ich keine dynamische Zelle haben, während ich den Browser verkleinere.

Answer 1

Sie meinen das?

table { 
 
    width: 100%; 
 
    min-height: 250px; 
 
    border: 16px blue solid; 
 
} 
 
td { 
 
    border: 8px lime solid; 
 
    width: 25%; 
 
    text-align: center; 
 
    padding: 44px; 
 
}

<table> 
 
    <tr> 
 
    <td>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</td> 
 
    <td>adipisci</td> 
 
    <td>velit</td> 
 
    <td>quisquam</td> 
 
    </tr> 
 
</table>