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>
此标题已经在caption中限定为align = center,但是仍然不能居中显示,老师帮忙看一下,应该如何解决一下呢??
1回答
同学你好,<caption> 标签是定义表格的标题,它默认就是居中显示的;但是<caption> 标签必须直接放置到 <table> 标签之后,否则是无效的;同学将<caption>放在了<table> 标签之上,所以没有居中显示
修改如下
并且设置其对齐方式使用的是 "text-align" ,如
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
相似问题
回答 1
回答 1
回答 1
回答 1
回答 1