css table-cell, zawartość niepotrzebnie górny margines

Question

Używam tabeli bloki układ bloków w moim kodzie. Wystąpił problem w moim kodzie.

podgląd tego, jak wygląda moja html jest here

Kiedy mam żadnych treści (tekst lub obraz) w moim pierwszym panelu wówczas .inner div drugiego i trzeciego panelu posiada górny margines niektórych 10-15 pikseli . Dlaczego ?

Czy ktoś może spojrzeć i dać mi znać, czego mi brakuje.

Answer 1

dodać vertical-align:top; w #wrapper > div

Zobacz demo: http://jsbin.com/avozik/14/edit

Answer 2

mam podobny przypadek i vertical-align:top; rozwiązuje ten problem. Jednak chcę opracować Powodem tego:

https://jsfiddle.net/46tyc48y/1/

Ponieważ komórki tabeli korzysta vertical-align:baseline; domyślnie tekst komórka prawo dostosuje się do wartości wyjściowych (na dole) obrazu, tworząc odstępy phantom na górze. Musimy więc jawnie ustawić vertical-align, aby ominąć to zachowanie.