如何頂部，左對齊跨越多行的<td>單元格中的文本

Question

我有以下HTML代碼：

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td rowspan="2">Save a lot</td>
  </tr>
  <tr>
    <td>March</td>
  </tr>
</table>

使用CSS樣式或其他方法，我可以使文本“保存很多”頂部，左對齊嗎？

Answer 1

td[rowspan] {
  vertical-align: top;
  text-align: left;
}

請參閱： CSS屬性選擇器。

Answer 2

 <td rowspan="2" style="text-align:left;vertical-align:top;padding:0">Save a lot</td>

應該這樣做。

Answer 3

試試這個

 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table style="width:50%;"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr style="height:100px"> <td valign="top">January</td> <td valign="bottom">$100</td> </tr> </table> <p><b>Note:</b> The valign attribute is not supported in HTML5. Use CSS instead.</p> </body> </html>

對於td樣式，請使用valign =“top”

如何頂部，左對齊跨越多行的<td>單元格中的文本

問題描述

3 個解決方案

解決方案1
72 已采納 2011-06-17 16:55:26

解決方案2
9 2011-06-17 16:53:23

解決方案3
2 2016-02-16 17:44:53

如何頂部，左對齊跨越多行的<td>單元格中的文本

問題描述

3 個解決方案

解決方案1 72 已采納 2011-06-17 16:55:26

解決方案2 9 2011-06-17 16:53:23

解決方案3 2 2016-02-16 17:44:53

解決方案1
72 已采納 2011-06-17 16:55:26

解決方案2
9 2011-06-17 16:53:23

解決方案3
2 2016-02-16 17:44:53