JSP表格居中技巧：CSS轻松搞定

当前位置 : 首页>web3>JSP表格居中技巧：CSS轻松搞定

JSP表格居中技巧：CSS轻松搞定

如何在JSP中使网页输出的表格居中？

在JSP中让表格居中可以通过CSS样式来实现。以下是具体的步骤和代码示例：

1、index.jsp代码

确保你的index.jsp文件包含了以下内容，并正确引用了CSS文件：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>居中表格</title> <link rel="stylesheet" type="text/css" href="common.css"></head><body> <%@ include file="head.jsp" %> <table> <tr> <td>这是表格内容</td> </tr> </table></body></html>

2、head.jsp代码

head.jsp可以包含一些公共的头部内容，但确保它没有影响到表格的居中显示：

<div id="header"> 这是头部内容</div>

3、head.css代码

head.css可以用来样式化你的头部内容，但确保它不会影响到表格的居中显示：

#header { width: 100%; text-align: center;}

4、common.css代码

在common.css中添加以下样式来确保表格居中显示：

table { margin: 0 auto; border-collapse: collapse;}td { border: 1px solid #000; padding: 10px;}

5、解决方案

根据你的描述，head.jsp在index.jsp中无法居中，只是左对齐浏览器。这可能是因为你的DOCTYPE声明有问题。尝试将index.jsp中的DOCTYPE声明修改为以下内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这样应该可以解决你的问题，使head.jsp内容居中显示。

拓展资料

JSP全称为Java Server Pages，中文名叫java服务器页面，它是一种动态网页技术标准，由Sun Microsystems公司倡导并与多家公司共同建立。JSP技术类似于ASP技术，它是在传统的网页HTML文件（*.htm, *.html）中插入Java程序段（Scriptlet）和JSP标记（tag），形成JSP文件，后缀名为（*.jsp）。

用JSP开发的Web应用是跨平台的，可以在Linux和其他操作系统上运行。它实现了HTML语法中的Java扩展（以<%，%>形式）。

JSP与Servlet一样，在服务器端执行，通常返回给客户端的是HTML文本，因此客户端只要有浏览器就能浏览。

前端的学习步骤

HTML/HTML5/CSS3

学习HTML标签和CSS后，可以进一步学习HTML5的新特性和CSS3的新属性。这些都是一些固定的知识点，可以通过w3c官网学习。之后，找一些页面练习，注意学习兼容性问题。

JavaScript能力的提高

前端行业上手容易但精通难，JavaScript能力是关键。掌握基础的DOM操作后，应该学习JavaScript的OOP编程，这与后台的面向对象编程有所不同。此外，还需学习prototype、闭包和简单的JavaScript算法（如三大排序、数组去重）等。之后，可以阅读JavaScript设计模式的书籍来提升水平。