HTML/CSS : Div in td nr. 2 在 td 1 中的 div 下垂直对齐

Question

我遇到了一个问题 :S 我正在尝试将一个 div 和一个表格添加到两个 tds 中并通过 css 垂直对齐它们。这看起来像这样:

<table>
  <tr>
    <td style='vertical-align: text-top;'>
      <table>
         <tr>
            <td>Some Randomness on some lines<br><br><br>until here.</td>
         </tr>
      </table>
    </td>
    <td style='vertical-align: text-top;'>
      <div style='width: 300px; height: 300px; border: 1px solid red;'>
        Some Random text here also on a few lines...<br><br><br>until here.
      </div>
    </td>
  </tr>
</table>

现在，div 出现在左表最后一行的水平上。为什么会这样？ ...

感谢您的帮助!

弗洛

Answer 1

尝试使用“vertical-align:top”

<table>
  <tr>
    <td style='vertical-align: top;'>
      <table>
         <tr>
            <td>Some Randomness on some lines<br><br><br>until here.</td>
         </tr>
      </table>
    </td>
    <td style='vertical-align: top;'>
      <div style='width: 300px; height: 300px; border: 1px solid red;'>
        Some Random text here also on a few lines...<br><br><br>until here.
      </div>
    </td>
  </tr>
</table>