如何在表格中对齐表格?

时间:2011-09-18 20:13:30

标签: html

我必须在表格中创建一个简单的表格。我正在使用以下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>

主要问题是在我的右侧表格中我有一些搜索信息,左侧有一些精炼搜索面板。所以,当我的页面出现时,我精炼的搜索窗口恰好位于中间。我希望我的左侧部分是在桌子上对齐,我的开始。

请帮我解决这个问题。

1 个答案:

答案 0 :(得分: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>

修改 风格=“垂直对齐:顶部;”如果你使用css