Question

我是html的新手，我试图用表格创建一个简单的登录表单。但页脚内容不对齐？

如何在不使用css的情况下对齐此页脚？

我需要在不使用页脚标记的情况下创建此表单吗？

那么任何人都可以解释如何进行对齐吗？

<body>
<table align="center">
    <tr>
        <td> <h2>Login form</h2>
        </td>
    </tr>
    <tr>
        <td>
            <table align="center">
                <form name="new" action=""  onsubmit="">
                    <tr>
                        <td><p>User name:<p></td>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <td><p>Password:<p></td>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center"><input id="gobutton" type="submit" value="Go!"/></td>
                    </tr>
                </form>
            </table>
        </td>
    </tr>
    <tr>
        <td><p>About</p></td>
        <td><p>Contact</p></td>
        <td><p>Press</p></td>
    </tr>
</table>
</body>

Answer 1

您需要将colspan=3添加到第一个和第二个td，

<table align="center">
<tr>
<td colspan="3"> <h2>Login form</h2>
</td>
</tr>
<tr>
<td colspan="3">
<table align="center">
<form name="new" action=""  onsubmit="">
<tr>
    <td colspan="2" ><p>User name:</p></td>
    <td><input type="text" /></td>
</tr>
<tr>
    <td colspan="2" ><p>Password:</p></td>
        <td><input type="text" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input id="gobutton" type="submit" value="Go!"/></td>
</tr>
</form>
</table>
</td>
</tr>
<tr>
<td><p>About</p></td>
<td><p>Contact</p></td>
<td><p>Press</p></td>
</tr>
</table>

选中此http://jsfiddle.net/uCQG4/1/

Answer 2

你需要了解colspans和rowpans，因为你在第一行和第二行有2个单元格，然后在最后一行有3个单元格，它会强制标签翻转。

研究：在表格中

它将解决您的问题

为什么页脚不对齐？

2 个答案: