2013-04-13 12 views
12

Mam problem z vertical-align do text-top na stołachCSS tabela td vertical-align text-top

Mam globalnie określonych w tabeli td do vertical-align: middle.

Teraz muszę zmienić tylko jedentd do vertical-align: text-top

Problem polega na tym, że wszystkie odmiany, które testowałem ustawić vertical-align:text-top są pokazane jako górnym tylko

(„xxxx” w zdjęcie nie w tej samej linii co "yyyy")

Tylko jeden wariant działa jako text-top, a to zmienia globalny styl ze wszystkich td (Nie wa nt tego, muszę zmienić tylko jedentd)

zobaczyć obrazy

Ustawienie jako lokalnym stylu jest pokazany jako górnym local style http://aukro.svecpetr.com/style.png

ustawienie jako klasa jest pokazany jako górnym local style http://aukro.svecpetr.com/class.png

Zmiana globalnego numeru td ma odpowiedni effe TK text-top local style http://aukro.svecpetr.com/global-style.png

Przykład można znaleźć w https://zbozimat.cz/test.php

Może ktoś mi pomóc?

+2

Czy można umieścić swój kod ** [tutaj] (http://jsFiddle.net) **? – Mee

+0

Podam przykład tutaj https://zbozimat.cz/test.php – user5332

+0

Oni * są * wyrównane. Tekst w twojej pierwszej komórce jest dopasowany do najwyższego elementu w twojej drugiej komórce, którym jest przycisk. Nie można wyrównać tekstu do początku czegoś, co jest wyśrodkowane względem czegoś podobnego. – cimmanon

Odpowiedz

22

Dodaj to dla div:

display: inline-block; 
vertical-align: top; 

a to dla wejścia:

display: inline-block; 
vertical-align: top;