0

我有这张表，这是用户发帖时的样子。当在第二个 td 中输入大量内容时，第一个 td 会自然而然地做它应该做的事情，并以第二个 td 为中心。这是它的样子：

http://puu.sh/YdaE

是否有可能使第一个 td 保持在顶部并且不以第二个为中心？因为它看起来有点傻，当它这样做时......

这是基本的代码：

<div id="feed">
    <div class="post">
         <table>
              <tr>
                   <td><img src="images/profile-pic.jpg"></td>
                   <td>
                       <div class="name">Kevin Jones</div>
                       <div class="message">Hanging out with my girlfriend, etc.</div>
                   </td>
              </tr>
          </table>
     </div>
</div>

任何帮助表示赞赏，谢谢。

4

3 回答 3

1

我不确定我是否理解您的问题，但是如果您想防止第一个 td 上的图像垂直对齐，只需通过 HTML 属性指定垂直对齐，如下所示：

<div id="feed">
    <div class="post">
         <table>
              <tr>
                   <td valign="top"><img src="images/profile-pic.jpg"></td>
                   <td>
                       <div class="name">Kevin Jones</div>
                       <div class="message">Hanging out with my girlfriend, etc.</div>
                   </td>
              </tr>
          </table>
     </div>
</div>
于 2012-08-24T00:54:25.950 回答
1

是的，使用 CSS。

vertical-align: top;

所以你可以给你的第一个 TD 上课，然后应用上面提到的 CSS。

于 2012-08-24T00:52:57.277 回答
0

为标签添加valign="top"属性td

于 2012-08-24T00:54:54.533 回答