1

这是制作表格的html代码：

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <div class="profile">
        <img src="http://www.teleread.com/wpcontent/uploads/2009/05/image18.png" />
      </div>
    </td>
    <td>Hello</td>
  </tr>
</table>

这是CSS：

.profile img {
    width: 120px;
    height: 125px;
    float: left;
    margin-right: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px #cc1212 solid;
    clear: both;
}

这是 jsfiddle 上的实际代码：

http://jsfiddle.net/Yeqnn/

问题：“你好”这个词在右栏中垂直居中

我该如何解决？顺便说一句，图像必须在表格中并向左浮动以与我当前的主题一起使用......任何想法，如果是这样，请放弃答案。

4

1 回答 1

4

简单地穿上vertical-align: top;你的<td>元素。

演示

于 2013-10-24T05:00:31.063 回答