form中的标题如何居中

来源:5-9 编程练习

sky_rby

2020-09-25 17:37:13

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <form >
            <!-- <h1 align = "center">注册信息</h1> -->
            <caption align = "center">注册信息</caption>
            <table bgcolor = "#f2f2f2">
                <tr>
                    <td>
                        <label >用户名:</label>
                    </td>
                    <td align = "center">
                        <input type="text" placeholder = "请输入姓名"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label >密码:</label>
                    </td>
                    <td align = "center">
                        <input type="text" placeholder = "请输入密码"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label >确认密码:</label>
                    </td>
                    <td align = "center">
                        <input type="text" placeholder = "请重新输入密码"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label >上传照片:</label>
                    </td>
                    <td align = "center">
                        <input type="file" /> 
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

http://img.mukewang.com/climg/5f6db9fb090d430404270238.jpg

此标题已经在caption中限定为align = center,但是仍然不能居中显示,老师帮忙看一下,应该如何解决一下呢??

写回答

1回答

好帮手慕阿园

2020-09-25

同学你好,<caption> 标签是定义表格的标题,它默认就是居中显示的;但是<caption> 标签必须直接放置到 <table> 标签之后,否则是无效的;同学将<caption>放在了<table> 标签之上,所以没有居中显示

修改如下

http://img.mukewang.com/climg/5f6dbd5b099b01d704020497.jpg

并且设置其对齐方式使用的是 "text-align" ,如

http://img.mukewang.com/climg/5f6dbe2b0980991b10510158.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!


0

0 学习 · 16556 问题

查看课程