Dlaczego między <img> a innymi elementami jest bardzo mało miejsca?
Jeśli<div>
lub dowolny inny element następuje po<img>
, a następnie pomiędzy nimi pojawia się ~ 3px białe znaki - nawet jeślimargins
są zerowe.
<img src="example-fractal-art.png">
<div>What is with that gap?<div>
Oto jak to wyglądaz niektórymi CSS.
Teraz jest całkiem łatwo wrzucićdisplay: block
do CSS iRozwiąż problem. Ale dlaczego tam jest? Nie ma obliczonych marginesów, dopełnienia, granic ani niczego podobnego.
Co robią przeglądarki? Ktoś nawet to nazwał"magia".
P.S. Alternatywnie, w niektórych przypadkach możliwe jest rozwiązanie tego przezusuwanie białych znaków w kodzie HTML. (Ale tonie działa w tym przypadku, dlaczego?)