2011-10-11 14 views
5

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

http://i.imgur.com/DLPWH.png

+2

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

+0

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

Odpowiedz

16

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.

+0

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

+0

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

0

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.

1

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

style="display:block;" 
Powiązane problemy