首页jsp怎么把文本框和文字位于页面中间不用jss

jsp怎么把文本框和文字位于页面中间不用jss

时间: 2024-10-19 18:11:56 浏览: 41

在JSP中，如果你不想使用JavaScript，可以使用HTML的内置样式来让文本框和文字居中对齐。下面是一个基本的例子： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>页面中心布局</title> <style type="text/css"> body { display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; background-color: #f5f5f5; } input[type=text], p { font-size: 16px; padding: 10px; border: 1px solid #ccc; } </style> </head> <body> <form action="submit_page.jsp" method="post"> <input type="text" id="usernameInput" placeholder="请输入用户名"> <br><br> <p>欢迎来到我们的网站!</p> <input type="submit" value="提交"> </form> </body> </html> ``` 在这个例子中，`display: flex` 和 `justify-content: center` 以及 `align-items: center` 让内容水平和垂直居中。`min-height: 100vh` 设置了视口高度最小值，确保了内容始终居中。

阅读全文