Question

我有这个表，这是用户发布时的外观。当在第二个td中输入大量内容时，第一个td执行自然应该执行的操作，并使第二个td自身居中。这是它的样子：

是否有可能使第一个td保持在顶部并且不与第二个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>

感谢任何帮助，谢谢。

Answer 1

是的，使用CSS。

vertical-align: top;

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

Answer 2

我不确定我理解你的问题，但如果你想阻止第一个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>

Answer 3

将valign="top"属性添加到td代码

是否有可能保持在顶部？

3 个答案: