为什么页脚不对齐?

时间:2013-09-27 13:29:46

标签: html css

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

2 个答案:

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

答案 1 :(得分:0)

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

研究:在表格中

它将解决您的问题