Wie wird automatisch die Höhe aller anderen Tabellenzeilen verringert, wenn die Höhe einer Tabellenzeile erhöht wird?

Question

Ich erstelle ein 3x3 Raster von Bildern mit HTML-Tabellen. Ich möchte sowohl die Breite als auch die Höhe eines Bildes erhöhen, wenn sich der Cursor über diesem bestimmten Bild befindet. Wenn ich jetzt die Breite einer Tabellenzelle vergrößere, wird die Breite aller anderen Tabellenzellen in dieser bestimmten Zeile automatisch reduziert. Wenn ich jedoch die Höhe einer Tabellenzelle vergrößern möchte, bleibt die Höhe der darunter liegenden Tabellenzellen gleich, was dazu führt, dass die Tabelle selbst an Höhe zunimmt.

Wie wird die Höhe anderer Zellen automatisch reduziert?

Answer 1

Vielleicht versuchen Sie mit Flexbox anstelle von HTML-Tabellen? Sie können benutzerdefinierte Flex-Grow- und Flex-Shrink-Parameter festlegen, um das zu erreichen, was Sie möchten.

Sie können es mehr über dort lesen: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Answer 2

Wenn ich gut verstanden, Sie Breite und Höhe erhöhen wollen, wenn der Cursor über das Bild ist. Dann müssen Sie die Breite und/oder Höhe nur beim Schweben erhöhen, nicht in allen Fällen.