Kolumny tabel reaktywne względem długości tekstu wewnątrz CSS - css, html-table, width, column-width

Chcę, aby wszystkie moje kolumny reagowały na tekst w środku. Podobnie jak na tym obrazku:

Właściwie to jest mój <style> :

Table, {
Width: 100%}

th, td {
font-size:   2vw;
padding: 1px;
text-align: center;}

tr:nth-child(even){
background-color: #d50000}

Chcę, aby mój stół wypełniał całą szerokość ekranu, a każda kolumna odpowiadała długości tekstu (bez kolumny o stałej szerokości). Tekst wyśrodkowany. Między każdą kolumną jest równa przestrzeń.

Jak mam postąpić w części CSS?

Odpowiedzi:

Opisujesz domyślne zachowanie tabel HTML ... Spróbuj opublikować kompletny kod, może twój stół nie jest dobrze sformułowany, może jest coś innego w twoim CSSie łamiącym rzeczy