Frage zur Zentrierung u.a.

[Rolf B]

Hallo Walter,

ups, der Firefox verhält sich anders als Chromia. width: fit-content berücksichtigt nicht die flex-basis: 1.5em Angabe im li-Element. Chrome/Edge hingegen schon. Da weiß ich jetzt nicht aus dem Handgelenk, ob das ein Firefox-Bug ist oder Chrome über die Spec hinaus geht.

Ich habe der li-Regel mal ein min-width:1.5em hinzugefügt, das scheint es zu heilen.

Neuer Link: https://jsfiddle.net/2Lzy819n/

Aber wie auch immer, Gunnar hatte im 2. Anlauf die bessere Idee, text-wrap: balance ist das ideale Feature hierfür. Es mag aber sein, dass der Safari dann spuckt, siehe Jürgens Screenshot.

Oh mann...

Rolf