Artikel mit Schlagwort

Das altehrwürdige <table>-Tag ist das semantischste HTML zur Darstellung tabellarischer Daten. Aber ich finde es sehr schwer zu kontrollieren, wie die Tabelle präsentiert wird, insbesondere die Spaltenbreiten in einer dynamischen Umgebung, in der man vielleicht nicht weiß, wie …

Angenommen, Sie haben ein sehr einfaches CSS-Grid-Layout mit einer Spalte, die auf 300px fixiert ist, und einer weiteren, die den Rest des Platzes mit 1fr einnimmt.

.grid {
  display: grid;
  grid-template-columns: 1fr 300px;
}

Das ist einigermaßen robust. Dieses 1fr…