2013-04-13 52 views
12

我與垂直對齊問題文本的頂部上表CSS表TD垂直對齊文本的頂部

我已經在全球範圍設定在表tdvertical-align: middle

現在我需要改變只有一個tdvertical-align: text-top

的問題是,我測試設置vertical-align:text-top所有變體被示出爲頂部

(「XXXX」在圖像是與「yyyy」不在同一行)

只有一個變體正在作爲text-top工作,那就是所有td(我不wa NT這一點,我需要改變只有一個td

看到的影像

設置爲本地風格顯示爲頂部 local style http://aukro.svecpetr.com/style.png

設置爲類顯示爲頂部 local style http://aukro.svecpetr.com/class.png

更改全球td具有正確的效果的文本頂部 local style http://aukro.svecpetr.com/global-style.png

例CT你會發現在 https://zbozimat.cz/test.php

有人能幫助我嗎?

+2

你可以把你的代碼** [這裏](http://jsFiddle.net)**? – Mee

+0

我把這裏的例子https://zbozimat.cz/test.php – user5332

+0

他們* *對齊。第一個單元格中的文本與第二個單元格中最高的元素(即按鈕)對齊。您無法將文本對齊到與其他內容對齊的內容的頂部。 – cimmanon

回答

22

添加本作的div:

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

而這種輸入:

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