请问这里如何让登录按钮居中呢？

我给tr和td都加了text-align: center但是都没有起到作用

轻风起自远东QAQ 2018-02-07

源自：JSP内置对象 2-4 request、out、response对象应用-登录成功页面

收起

2回答

提问者轻风起自远东QAQ 2018-02-08 11:15:08

<%-- 人事管理系统登录页面 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>人事管理系统</title>
        <style>
            h3{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <h3>人事管理系统登录页面</h3>
        <hr>

        <!--action代表服务器端的处理程序-->
        <!--当我们按下表单的submit按钮后，浏览器会将表单信息封装到request内置对象中，并发送给controller.jsp处理-->
        <form action="controller.jsp">
            <table align="center">
                <tr>
                    <td>
                        账号：
                    </td>
                    <td>
                        <!--服务器端通过name属性来获取到用户在浏览器表单里输入的账户信息-->
                        <input type="text" name="account"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        密码：
                    </td>
                    <td>
                        <!--服务器端通过name属性来获取到用户在浏览器表单里输入的账户信息-->
                        <input type="password" name="password"/>
                    </td>
                </tr>
                <tr class="submit">
                    <td align="center">
                        <input type="submit" value="登录"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

收起回答

好帮手慕珊 #1

因为最后一个单元格实际上是占了两列的，所以需要合并单元格，也就是把 <td align="center">改为 <td align="center" colspan="2">，这样整个按钮就在当前行居中了

2018-02-08 13:34:57
提问者轻风起自远东QAQ 回复好帮手慕珊 #2

好的，谢谢

2018-02-08 13:48:08

好帮手慕珊 2018-02-07 17:14:13

在<td></td>标签中使用align="center"，是可以让单元格的内容居中的。如果还是有问题，可以贴一下你的代码。<td></td>中没有text-align这个属性。祝学习愉快！

收起回答

提问者轻风起自远东QAQ #1

<%-- 人事管理系统登录页面 --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>人事管理系统</title> <style> h3{ text-align: center; } </style> </head> <body> <h3>人事管理系统登录页面</h3> <hr>   <form action="controller.jsp"> <table align="center"> <tr> <td> 账号： </td> <td>  <input type="text" name="account"/> </td> </tr> <tr> <td> 密码： </td> <td>  <input type="password" name="password"/> </td> </tr> <tr class="submit"> <td align="center"> <input type="submit" value="登录"/> </td> </tr> </table> </form> </body> </html>

2018-02-08 11:14:37