Java CSS在jsp中不起作用
我正在开发我的第一个项目,我对css有问题。 我无法移动jsp文件中的值。我想把它移到页面中间,但没用。如果你不清楚我的英语,我也很抱歉。我将非常感谢你的帮助 header.jspJava CSS在jsp中不起作用,java,spring,css,jsp,Java,Spring,Css,Jsp,我正在开发我的第一个项目,我对css有问题。 我无法移动jsp文件中的值。我想把它移到页面中间,但没用。如果你不清楚我的英语,我也很抱歉。我将非常感谢你的帮助 header.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %> 当您使用JSP时,我假定您使用的是Spring之类的框架。我在开发Gradle Spring MVC应用程序方面有一些经验,因此如
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
当您使用JSP时,我假定您使用的是Spring之类的框架。我在开发Gradle Spring MVC应用程序方面有一些经验,因此如果是这种情况,我可能会提供帮助 首先,您是否尝试过在html表单中使用样式标记来检查是否是由于外部css造成的?这将是一个指标,表明您是否还没有为您的项目设置找到css的路径 如果它在内部工作(在样式标记中),则可能需要在应用程序文件中配置css。例如,使用Gradle,我将外部文件链接到application.properties文件中 这是一个例子:
spring.mvc.view.prefix = /WEB-INF/views/
spring.mvc.view.suffix = .jsp
spring.mvc.static-path-pattern=/WEB-INF/resources/*
网上有很多关于设置外部文件(如CSS和JavaScript)的教程。正如我前面所说的,如果它在内部工作,那么这是由于JSP无法找到外部CSS文件。
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/style.css">
在header.jsp中使用此选项
<mvc:resources mapping="/resources/**" location="/Web-content/"></mvc:resources>
dispatcher-servlet.xml中的这一行
这会将您的Web内容文件夹映射为“资源”字(不带引号)。这就是为什么在上面的链接标记中使用资源来连接Web内容文件夹
确保css文件的目录结构类似于webapp/Web content/css/style.css,以使用上述链接标记
PS:这是我关于堆栈溢出的第一个答案。因此,请为任何错误道歉。不要链接到代码。在问题中插入格式正确的相关代码。欢迎使用StackOverFlow。请通过,使您的问题编码的问题,必须能够复制,以帮助您。
html {
position: relative;
min-height: 100%; }
body {
margin-bottom: 60px;}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;}
.custom-container {
width: auto;
max-width: 680px;
padding: 0 15px;}
.custom-container .text-muted {
margin: 20px 0;}
.title_position {
text-align: center;
font-size: xx-large;}
.menu-size{
font-size: 20px;}
.registrationForm{
background: lime;
text-align: center;}
.production_Page{
margin-left: 500px;}
.indexPage{
margin-left: 500px;}
spring.mvc.view.prefix = /WEB-INF/views/
spring.mvc.view.suffix = .jsp
spring.mvc.static-path-pattern=/WEB-INF/resources/*
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/style.css">
<mvc:resources mapping="/resources/**" location="/Web-content/"></mvc:resources>