Mam znacznik otaczający obraz. Mam zestaw obramowania na div, w którym znajduje się znacznik. Mam margines i dopełnienie ustawione na 0, ale z jakiegoś powodu mój znacznik jest wciąż o około 3 piksele wyższy niż mój obraz. Pozostawia to trochę przestrzeni między obrazem a granicą, która niszczy wygląd, który chcę osiągnąć.Biała przestrzeń u dołu znacznika zakotwiczenia
Co robię źle? Testowałem zarówno w FireFox, jak i Chrome z tymi samymi wynikami. Dzięki
Obraz jest display: inline, więc traktowany jest jak postać i siedzi na linii bazowej. Luka jest spowodowana przez przestrzeń przewidzianą dla podstępu (który można znaleźć na literach takich jak j, g, yi p).
Regulacja vertical-align z CSS: img{vertical-align: bottom}
display:block jest wystarczająca do tego, jeżeli element nie ma rodzeństwa.
Interesujące, więc prawdziwym winowajcą jest tag obrazu, a nie tag . – Icode4food
Tak właśnie powiedział David, każdy element inline będzie miał miejsce dla potomków. To naturalne zachowanie. –
zarówno "vertical-align: bottom", jak i "display: block" usuwają "dodatkową białą przestrzeń" u dołu – aztack
Dokładniej: img {vertical-align: bottom} ' –
To właśnie się dzieje. Problem został rozwiązany, jeśli wykonuję polecenie "vertical-align: bottom;" lub "display: block;". Które jest lepsze rozwiązanie? – Icode4food
Żadne z nich nie jest lepsze, mają tylko inne implikacje. Elementy blokowe mają przełamanie linii wokół nich i inne zabawne efekty uboczne. – Quentin