Es war ja eigentlich auch eine Stichprobe, die mich drauf gebracht hat. Der Versuch, ein Gebilde aus Blöcken annähernd quadratisch anzuordnen, wobei die Anzahl derselben zwar variabel, aber immerhin schnell zu ermitteln ist:
:root {
/*
hier als Beispiel; steht „original“ im HTML
vor dem Einbinden des Stylesheets
*/
--images: 33;
/* und das steht im Stylesheet: */
--columns: sqrt(var(--images));
/* hey, bei Safari klappt sqrt! */
--rows: calc(var(--images) / var(--columns));
}
Müßte man da das Runden einsetzen (scheint bei Firefox einigermaßen zu funktionieren), dann ungefähr so:
--columns: round(up, sqrt(var(--images) - 1 / 1000000000000000), 1);
Also: verständlich.
Das große Problem: man muß ganz schön herumtüfteln, wenn man sich da aufs CSS verlassen (und nicht JS-Äquivalente gelten lassen) will. Man bekommt die Ergebnisse nur in Form von Reaktionen des Layouts, aber nicht als Zahl, vor die Nase gesetzt. Gut, noch als Text, der aus dem CSS zusammengebraut wurde. Aber das hilft da ja auch nicht weiter.