1

我是 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>
4

2 回答 2

3

您需要添加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/

于 2013-09-27T13:37:36.527 回答
0

您需要了解 colspans 和 rowspans，因为您在第一行和第二行有 2 个单元格，然后在最后一行有 3 个单元格，它迫使标签推过。

研究：在表格中

它会解决你的问题

于 2013-09-27T13:33:15.553 回答