頂部的HTML對齊表格行

我有一個HTML表格。它看起來如下：頂部的HTML對齊表格行

<table> 
    <tr> 
     <td>Content one</td> 
     <td rowspan="2"> Very long content right</td> 
    </tr> 
    <tr> 
     <td>Content two</td> 
    </tr> 
</table>

正如你看到的，我有表的右邊，有一個很長的內容，實際上，它是這麼長時間，它不適合到什麼高度由錶行給出，所以桌子變得更高了，通過這樣做，內容1和2不再位於桌子的頂部，而是沿着整個高度分佈。我怎樣才能阻止他們這樣做？

編輯：我需要的不是要在頂部對齊的內容，而是實際的行本身。

來源

2010-04-17 arik

可能會在回答這個問題解決您的問題：http://stackoverflow.com/questions/2390589/multi-row-tables-always-vertically-center-content/2390685#2390685 – 2010-04-17 18:43:16

BalusC有答案如你所說的那樣，你的問題，arik-so。你可以畫嗎？使用Paint並繪製你需要的一個小線框。 – 2010-04-17 18:56:42

有趣的是，沒有人給出了正確的答案，所以我正在以令人滿意的方式跳過來解決這個問題。

您真正需要的是valign='baseline' CSS屬性，用於對齊<td>元素的第一行文本。

td { 
    vertical-align: baseline; 
}

來源

2014-11-29 06:11:50 lemzwerg

Niiice ...爲什麼只有5個彩虹時，其他答案有26？你應該有更多。 – Andrew 2017-01-27 14:55:47

-3

<td valign='top' >

來源

2010-04-17 18:38:27 robr

-3

也許你可以在不影響頁面高度的情況下使用div作爲內部滾動選項。

來源

2010-04-17 18:39:02 Karthik

你的回答與問題無關。 – 2017-11-12 00:13:28

造型通常與CSS完成。您需要將td元素的CSS vertical-align屬性設置爲top。

td { 
    vertical-align: top; 
}

來源

2010-04-17 18:40:33 BalusC

它並沒有真正的幫助。這樣，表格數據中的文本將在頂部對齊，但不會對齊頂部的表格行。 – arik 2010-04-17 18:47:25

我認爲你需要重新解釋這個問題。 – BalusC 2010-04-17 18:48:43

是的，我很抱歉。我在編輯中這樣做了。 – arik 2010-04-18 09:53:25

，如果你想對TD頂部對齊你需要設置TR的垂直對齊在CSS不是TD

來源

2014-01-31 20:52:16 user1123382

頂部的HTML對齊表格行

回答

相關問題