Ingo Turski: Padding in Abhängigkeit der Anzahl der Zeichen in einem Element

Beitrag lesen

Hi,

Hintergrund ist folgender: ich habe mehrere Buttons mit der Schriftart Monospace. In diesem Buttons können immer 1-4 Zeichen stehen, aber alle Buttons sollen gleich groß sein. Daher gebe ich einem Button mit einem zeichen ein größeres Padding als einem Button mit 2 Zeichen usw..
Warum definierst Du nicht einfach width? Ggfls. mit display:block oder float?

Ich kenne ja nicht die größte Größe.

Du kannst sie aber ermitteln!
Da Du monotype verwendest, hat jedes Zeichen die gleiche Breite. Wenn nun maximal 4 Zeichen vorkommen, dann probiere einige em-Werte, bis es passt.

Es kann aber auch einen Button mit 5 Zeichen

gerade hast Du 4 als Maximum angegeben... wenn es 5 sind, dann ermittle halt die Breite für 5 Zeichen.

freundliche Grüße
Ingo