如何在表格内对齐表格？

Question

我必须在一个表中创建一个简单的表。 我正在使用以下html代码制作简单的页面。 请复制并粘贴到文件中以正确理解问题。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<table border=1>
  <tr>    
    <td>
      <table>
        <tr>
          <td>thid entry should be on top</td>
        </tr>
        <tr>
          <td>why this comes in middle</td>
        </tr>
      </table>
    </td>
    <td>
      <table>
        <tr>
          <td>entry1</td>
        </tr>
        <tr>
          <td>entry2</td>
        </tr>
        <tr>
          <td>entry3</td>
        </tr>
        <tr>
          <td>entry4</td>
        </tr>
        <tr>
          <td>entry5</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

</BODY>
</HTML>

主要问题是在表格的右侧，我有一些搜索信息，而左侧有一些优化搜索面板。 因此，当我的页面出现时，我的精简搜索窗口恰好位于中间。 我希望我桌子的左部分对准我开始的桌子。

请帮助我解决此问题。

Answer 1

正确列中的valign =“ top”将是解决您的问题的简单方法。

喜欢：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <BODY>

        <table border=1>
            <tr>   
                <td valign="top">
                    <table>
                        <tr>
                            <td>thid entry should be on top</td>
                        </tr>
                        <tr>
                            <td>why this comes in middle</td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr>
                            <td>entry1</td>
                        </tr>
                        <tr>
                            <td>entry2</td>
                        </tr>
                        <tr>
                            <td>entry3</td>
                        </tr>
                        <tr>
                            <td>entry4</td>
                        </tr>
                        <tr>
                            <td>entry5</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    </BODY>
</HTML>

编辑： style =“ vertical-align：top;” 如果您使用CSS