Question

我目前有一个看起来像这样的表： http://s8.postimg.org/gybzti0rn/Screen_Shot_2015_02_27_at_1_30_23_PM.png

我想将船的描述移到图像的顶部。我尝试使用valign =“top”，但这将描述移到了表格的最顶部，船名是。

这是我的HTML：

<table border ="1">
<tr>
    <th> Boat Name </th>
  <th rowspan="2">Description</th>
  </tr>
  <tr>
    <td><img src="boatimage.png"></td>
  </tr>      
</table>

提前感谢您的帮助！

Answer 1

尝试添加填充

<table border ="1">
<tr>
    <th> Boat Name </th>
  <th rowspan="2" style="vertical-align:top;padding-top:25px">Description</th>
  </tr>
  <tr>
    <td><img src="http://s.codeproject.com/App_Themes/CodeProject/Img/logo250x135.gif"></td>
  </tr>      
</table>

由于您添加的行数，它将覆盖该说明<th>标题上的第2行，并且在此情况下需要放置文本description，您必须通过添加填充以将其与图像{对齐}来手动调整它{1}}行边框。

Fiddle

Answer 2

你能让问题更清楚吗？

也许试试CSS

<th style="display:block;position:relative;top:20px;" rowspan="2">

这会将它从它的单元格顶部移动20px

在表格中移动文本

2 个答案: