Krutius
Verrückter
- Registriert
- 14 Juli 2013
- Beiträge
- 115
Hallo
Ich habe ein kleines Problem mit vertikaler Zentrierung. Bei einem Button dessen Höhe ich vergrössert habe, ist text innerhalb des Buttons vertikal mittig zentriert. Bei einem span mit display:inline-block nicht.
Selbst wenn ich in der button variante alle "Computed Styles" via WebKit inspector (Chrome) kopiere, und dem span zuweise, verändert sich das verhalten! Die "Computed Styles" bleiben allerdings gleich.
1) span: http://jsfiddle.net/Y2M79/
2) button: http://jsfiddle.net/Y2M79/1/
3) span, wo ich alle computed styles des buttons draufgehauen hab: http://jsfiddle.net/Y2M79/2/
4) und das ganze noch als button: http://jsfiddle.net/Y2M79/3/
Eigentlich müssten doch heutzutage sämtliche Eigenschaften eines Tags via CSS überschreibbar sein? Weiss grad jemand, warum dem so ist, und wie ich dem beikomme, ohne einen Dschungel an helper-tags zu bauen?
Demnach müssten doch zumindest die beispiele 2, 3 und 4 absolut identisch sein, da gleiche computed styles?
Mfg
Krutius
Ich habe ein kleines Problem mit vertikaler Zentrierung. Bei einem Button dessen Höhe ich vergrössert habe, ist text innerhalb des Buttons vertikal mittig zentriert. Bei einem span mit display:inline-block nicht.
Selbst wenn ich in der button variante alle "Computed Styles" via WebKit inspector (Chrome) kopiere, und dem span zuweise, verändert sich das verhalten! Die "Computed Styles" bleiben allerdings gleich.
1) span: http://jsfiddle.net/Y2M79/
2) button: http://jsfiddle.net/Y2M79/1/
3) span, wo ich alle computed styles des buttons draufgehauen hab: http://jsfiddle.net/Y2M79/2/
4) und das ganze noch als button: http://jsfiddle.net/Y2M79/3/
Eigentlich müssten doch heutzutage sämtliche Eigenschaften eines Tags via CSS überschreibbar sein? Weiss grad jemand, warum dem so ist, und wie ich dem beikomme, ohne einen Dschungel an helper-tags zu bauen?
Demnach müssten doch zumindest die beispiele 2, 3 und 4 absolut identisch sein, da gleiche computed styles?
Mfg
Krutius