Pionowe wyśrodkowanie litery

Question

Mam taki problem:

mam na stronie przycisk "dodaj" ktorego wartość jest taka "+" tzn po prostu znak plus i gdy otwieram stronke w opera to + jest na srodku przycisku, a gdy otwieram w firefoxie to jest 5px w doł, no i jak dam translateY to w opera juz bedzie za nisko..

Z jakiej wlasnosci fontu to wynika? Czy mogę to jakos wysrodkowac? czy moze uzyc font-awesome czy cos podobnego? Tam nie ma takiego prolemu?

Comments

Pokaż kod, ale prawdopodobnie jest to spowodowane stylami wbudowanymi w przeglądarke i jeżeli nie nadpiszesz na przykład paddingu czy line-height dla danego elementu to przeglądarka wstawi własne.

Answer 1

Daj dla plusa:

position:relative;

top:50%;

transform: translateY(-50%)

 

to powinno załatwić sprawę

Answer 2

Tak jak mowi mitelak przegladarki maja male roznice w wbudowanym css. Uzyj karty tylow normalize.css dostepnej w tym repo

https://github.com/necolas/normalize.css/

Po prostu dodaj ten stylesheet jako pierwszy. Powinno rozwiazac problem. Polecam stosowac wszedzie.

Bootstrap i inne frameworki maja juz te style zaimlementowane wiec nie ma potrzeby wklejac ich drugi raz