Question

我有一个表格，其中表格单元格（td）可以包含图像和文本。细胞高度可以动态增加或减少。

我希望图像显示在单元格的顶部（始终），文本显示在中心（始终）。

我怎样才能做到这一点？

Answer 1

HTML：

<table>
<tr>
  <td><div>
      <img src="http://imgur.com/a/1s17J">
  </div>
  <div>
    Text
  </div></td>
  <td><div>
      <img src="http://imgur.com/a/1s17J">
  </div>
  <div>
    Text
  </div></td>
  <td><div>
      <img src="http://imgur.com/a/1s17J">
  </div>
  <div>
    Text
  </div></td>
  <td><div>
      <img src="http://imgur.com/a/1s17J">
  </div>
  <div>
    Text
  </div></td>
</tr>
</table>

的CSS：

td img
{
  float:top;
}

td
{
  background-color:red;
  width:150px;
  height: 50px;
  text-align:center;
}

Fiddle

PS：请提供一些代码，因为现在我可以猜出你的意思是什么意思。

Answer 2

使用css on img apply top：0px;向左飘浮; on td apply test-align：center

在HTML td中以不同方式对齐图像和文本

2 个答案: