Dodatkowe odstępy po tagu A/img?

Witam próbuję zbudować komórkę tabeli za pomocą znacznika div i robiąc to. Dostaję ten dodatkowy odstęp po moim znaczniku wewnątrz komórki.Dodatkowe odstępy po tagu A/img?

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a>

Nie mogę się dowiedzieć, jak pozbyć się tego dodatkowego odstępu.

Próbowałem wyświetlacz: wbudowany dla znacznika a i img. ale nie szczęścia.

Jeśli ktoś może mi pomóc pozbyć się tego odstępu, z chęcią go doceniam.

Przykład - tuż przed shadowing tam 2-3 pikseli białą przestrzeń tabel w tym komórek

Źródło

2011-10-11 Tom

Uwielbiam czytać objaśnienia tekstowe kodu HTML. To znacznie lepsze niż czytanie samego kodu HTML ... –

Przepraszam, następnym razem, gdy go dodam. Zmieniłem to. chociaż – Tom

Oprócz faktu, że powinieneś używać tabel dla danych tabelarycznych, myślę, że ustawienie display: block na obrazie usunie spację. Jeśli to nie działa, spróbuj zrobić stronę jsFiddle, aby pokazać problem.

Źródło

2011-10-11 22:32:20 deviousdodo

Hej, dzięki, zadziałało. zupełnie zapomniałem o bloku. Myślałem o używaniu tabel, ale nie wiem, czy istnieje różnica. – Tom

Tak, słyszysz o "tabelach danych", ale próbujesz powiedzieć to prawie każdemu klientowi pocztowemu, gdy piszesz e-maila, który chcesz ładnie wyświetlać na większości platform ... – ElBel

Spróbuj ustawić margin: 0 i padding: 0 na elementach, które mają ten dodatkowy odstęp. Zwykle dobrym pomysłem jest zaimplementowanie pewnego rodzaju CSS Reset, aby upewnić się, że wszystkie elementy są wyczyszczone z tych denerwujących domyślnych atrybutów, takich jak marginesy i dopełnienie.

Źródło

2011-10-11 22:30:40

To miejsce można usunąć za pomocą:

style="display:block;"

Źródło

2013-09-27 18:33:52

Odpowiedz

Powiązane problemy