JSP页面中布局混乱

于 2021-05-27 18:13:46 发布
阅读量666 收藏 3
点赞数
文章标签： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45722023/article/details/117334567
版权

布局混乱的原因是CSS文件使用了链入式，因页面的跳转导致CSS文件路径出现问题，从而导致布局混乱。

解决方法：引入CSS文件时用绝对路径替换掉相对路径

在head标签中创建path变量，<%String path = request.getContextPath();%>

将链入式中的<link rel="stylesheet" href=../assets/css/layui.css"> 

改为<link rel="stylesheet" href="<%=path%>/assets/css/layui.css"> 

 

bug制造者plus
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位
01-08
最近在修改网站的响应式的页面时，由于都是套样式页面，修改过程都是粘贴复制，导致了一些细节问题在IE8下暴露出来： 遇到的问题就是在在Chrome，火狐页面都正常，唯独在IE8下页面样式显示乱样了，但是本地就显示正常，Tomcat缓存也清楚了，再加上自己也是个小白，周末平静了一天半终于找到问题的源头了，其实解决办法也很简单，如图： 我最初是将小脚本写在<!DOCTYPE html>文档都上方的，但是在IE8浏览文本模式默认就编程了“Quirks”模式，显示不正常，后来改成了写在文档头下方就可以正常显示了，经过这次吸取了教训，也希望给遇到此类问题的同学一个借鉴的灵感！ 以上这篇完美解决jsp页面在
页面混乱，原因大致有三：
Bobay's Family
06-27 1016
页面混乱，原因大致有三： 一：数据中有恶意的或者混乱的代码 二：页面本身HTML中标记不全等 三：页面所引用的css不存在或在别的位置引起。 对于第一和第二点只能靠运气发现。 对于第三点，可以用ff将异常的页面下载下来，你会发现，在引用的地方，css文件不存在的话，文件名为变成以htm为后缀，比如href="test.css"，而test.css不存在，则会变成href="te
项目发布到各个电脑上，css样式都变了，jsp页面布局乱了，怎么处理
信徒博客
10-17 3324
2018/11/14年第二次修改这个博客： 要想项目自适应所有的浏览器和各种分辨率的电脑，强力推荐一个功能强大的前端框架BootStrap 因为如果是设置百分比不是像素的话，虽然是对的，但是人工的百分比设置，很费时间，费力； 因为许多东西在一个电脑上、三四个电脑上看着没问题，但是到了实践情况，又会发生页面布局乱了的情况，所以强力推荐前端框架bootstrap 1.在做项目开始的时候，布...
jsp单点登录跳转显示首页，谷歌火狐正常，ie11样式出现问题
求人不如求己
02-16 1380
以下代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 添上该代码可以解决。不过这个解决了我的问题，引起一个问题的原因有很多，需要找到原因才能解决，本方法可能不适合你，这里只是作为一个记录，给后面的人提供一个参考。
解决jsp页面浏览器不兼容，样式变样问题
shizhk_boke
12-22 1895
在JSP页面中添加meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
jsp页面
05-28
1. **翻译阶段**：服务器将JSP页面转换为一个Servlet类，这个过程会把JSP中的指令、声明、脚本和动作元素转译成Java代码。 2. **编译阶段**：编译生成的Servlet类为字节码，然后加载到Java虚拟机中。 3. **初始化...
jsp页面iframe高度自适应的js代码
10-25
在这样的场景下，一个常见的需求是使IFrame的高度自动适应其内容的高度，以避免滚动条的出现和页面布局的混乱。本文将详细探讨如何通过JavaScript实现JSP页面中IFrame的高度自适应。 首先，我们来看一下提供的代码...
jsp网站源码jsp网站源码
04-09
JSP页面主要由三部分组成：声明、脚本元素和指令。声明部分用于定义变量或方法；脚本元素包括脚本let、scriptlet、表达式和声明，它们可以包含Java代码；指令则用于配置页面行为，如import、page、include等。 **2....
jsp的Include方式
02-04
在JSP中，`Include` 方式是实现页面组合的重要技术，它允许我们把多个页面的内容合并到一个主页面中，从而实现代码复用和页面布局的灵活管理。本文将深入探讨JSP的`Include` 方式的概念、类型以及使用方法。 1. **...
jsp合并单元格
11-18
- 合并单元格时，确保正确计算跨越的列数和行数，以避免表格布局混乱。 - 当合并跨行的单元格时，要确保后续行的相应位置没有`<td>`元素，否则可能导致布局问题。 - JSP与HTML混合编程时，保持良好的代码结构和可...
JSP网页模板JSP网页模板JSP网页模板
06-29
3. **脚本元素**：包括`<scriptlet>`, `<expression>`, 和`<declaration>`，它们允许在JSP页面中嵌入Java代码，分别用于执行逻辑、输出表达式结果和声明变量。 4. **JSP动作标签**：如`<jsp:include>`, `<jsp:...
JSP 技术大全.rar
06-07
JSP的核心理念是将HTML（或XML）模板与Java代码分离，使得开发者可以在不触及页面布局的情况下进行业务逻辑处理。这种设计模式使得JSP在Web开发中具有很高的灵活性和可维护性。 **JSP基本结构** JSP文件本质上是一...
纯jsp的购物网站
12-06
在纯JSP环境中，这些逻辑通常会直接写在JSP页面中，这样可能导致代码复杂度增加，不利于后期的维护和扩展。 5. **数据库交互**：购物网站需要与数据库进行交互，存储用户信息、商品数据和订单信息。JSP可以使用Java...
jsp应用开发详解
01-29
JSP页面中的动态元素被转换为相应的Java方法。 3. **JSP的主要组成部分** - **指令（Directives）**：如`<%@ page %>`, `<%@ include %>`, `<%@ taglib %>`, 用来设置页面属性，包含其他文件或引入标签库。 - **...
jsp学习资料-初级语法
07-06
- 面向表现：JSP的主要目的是展示，使得开发者可以专注于页面布局和用户交互。 - 与Servlet兼容：JSP底层基于Servlet，所以可以利用Servlet的所有功能。 - MVC架构支持：JSP常与Servlet一起使用，实现MVC（Model-...
jsp 页面读取不到css样式_Servlet使用请求转发到JSP导致前端页面css样式丢失解决办法...
weixin_39917894的博客
12-03 1590
1. 问题描述：在jsp中通常，第一遍运行的时候页面的css都是好的，然后再通过请求转发过来，css样式表就会丢失。jsp中的加载css的代码：<link rel="stylesheet" href="../css/all.css" />直接运行：css样式正常，界面也可以显示出来如果通过请求转发，就会出现css样式表丢失2. 分析原因：（1）我们用浏览器打开这个链接，查看样式编辑器（...
JSP引入bootstrap写成的页面发现排布布局混乱
二木成林
10-11 585
错误 原因 我最开始以为是float的问题，最后调整了div的宽度还是这个错误。 后来换了一个不常用的浏览器发现，谷歌浏览器的页面缩放被我调整到了150%，所以才出现这种情况。 解决 把页面缩放调回到100%即可。 ...
jsp div页面布局
最新发布
08-03
引用[1]中的代码展示了一个JSP页面的整体模板，其中包含了头部、主体和底部的div布局。引用[2]中的代码展示了如何在子页面中使用这个模板，并通过定义header和footer来个性化内容。通过定义多个部分，可以加入各子页面个性化的内容，如CSS文件和JS等。具体的方法可以参考引用[3]中的实例。 所以，如果你想在JSP页面中使用div布局，你可以参考以上的代码示例。你可以创建一个整体模板，定义头部、主体和底部的div，并在子页面中使用这个模板来个性化内容。同时，你也可以根据需要添加其他部分，如CSS和JS文件，来实现更多的布局效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值