一、效果图 image.png 二、前端页面 核心代码: 1、固定顶部 position:fixed;top:0px 2、左右滚动条 OVERFLOW-X: scroll;width:720px...contentType="text/html;charset=UTF-8" language="java" %> <%@ include file="/WEB-INF/views/include/taglib.<em>jsp</em>
今天在做大物实验的数据分析的时候,出现了一个问题,根据gi的公式来算gi的时候,如下图所示:
4、背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。...为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定 background-attachment: 参数 参数取值范围: fixed...:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动 scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动 四、区块 1、单词间距...6、clear 清除浮动 六、边框 1、样式 border style 参数 边框样式的参数: none:无边框 dotted...:边框为点线 dashed:边框为长短线 solid:边框为实线 double:边框为双线 2、宽度 border width
只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。...盒模型 内容(content)、填充(padding)、边框(border)、边界(margin) 边框: border:2px solid red; [虚线:dashed、点线:dotted、...实线:solid] 一个元素实际宽度(盒子的宽度) = 左边界 + 左边框 + 左填充 + 内容宽度 + 右填充 + 右边框 + 右边界 一个元素实际宽度(盒子的宽度) = margin-left...并且拖动滚动条时位置固定变化。...并且拖动滚动条时位置固定不变。
,显示父边框的边框线 display 注:margin-top:25px表示外边距,子边框与父边框...top之间的距离为25px position 1.position:fixed -->固定在页面的某个位置 返回顶部 2.让头部标题栏固定不动...height: 48px; background-color: black; color: #dddddd; /*固定不动
/css/边框样式.css"/> --> div{ width:224px;.../css/边框样式.css"/> --> div{ width:160px;.../css/边框样式.css"/> --> #div1{ width:1000px;...六、背景图片固定(background-attachment) 在CSS中,使用background-attachment属性来定义背景图片是随元素一起滚动还是固定不动。...固定不动 (2)实际开发 在实际开发中,background-attachment属性几乎用不上,了解即可。
分析: 在这个例子中,我们为id="div1"的元素设置了宽度width和高度height,并且设置了一个边框。...七、background-attachment属性 在CSS中,使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动。...scroll表示背景图像随对象滚动而滚动,是默认选项;fixed表示背景图像固定在页面不动,只有其他的内容随滚动条滚动。 举例: 在浏览器预览效果如下: image.png 分析: 大家在浏览器中拖动右边的滚动条会发现,背景图片在页面固定不动
style> 这是一个div 这是一个div2 3.如何固定背景...DOCTYPE html> 背景不动效果示例 <...网上图片的url"); background-repeat: no-repeat; background-attachment: fixed;/*把背景图固定.../style> 这是一段文字 7+8.页面浮动+固定页面...margin: 10px; border: solid 2px; } .father:after { /*在此处的after后面增加以下三项,即可完成边框线的固定
两种用法 此时引入的是静态的jsp文件,它将引入的jsp中的源代码原封不动地附加到当前文件中,所以在jsp程序中使用这个指令的时候file里面的值...(即要导入的文件)不能带多余的标签或是与当前jsp文件重复的东西。...例如里面不要包含这样的标签,因为是把源代码原封不动的附加过来,所以会与当前的jsp中的这样的标签重复导致出错。 ... 此时引入执行页面或生成的应答文本.jsp:include标签导入一个重用文件的时候,这个文件是经过编译的,通俗点说就是附加这个要导入文件经过编译后的效果...,所以可以含有与当前jsp程序中重复的内容,因为在附加过来之前就会被解析掉。
,元素的位置相对于浏览器(就是你能看到的这个浏览器窗口)来说,是固定的,无论你怎么滑动窗口,它都在那儿雷打不动。...先自由滑动,到一定位置就固定在那里不动。...div.sticky { position: -webkit-sticky; // 兼容Safari position: sticky; top: 20px; /* 到顶部20px位置不动 */...所以,项目之间的间隔比项目与边框的间隔大一倍。 3.2.2.5 align-items属性# 哟,这个也常用,好使!align-items属性定义项目在交叉轴上如何对齐。...所以,轴线之间的间隔比轴线与边框的间隔大一倍。 stretch(默认值):轴线占满整个交叉轴。
div class="box"> 鼠标滚动背景不动...dotted 点状虚线边框。 dashed 矩形虚线边框。 solid 实线边框。...给.container设置固定高度,一般情况下文字内容不确定多少就不能设置固定高度,所以一般不能设置“.container”高度(当然能确定内容多高,这种情况下“.container是可以设置一个高度即可解决覆盖问题...或者给.container加一个固定高度的子div: 固定高度解决方案(不推荐使用) 以上方案可以解决但是会使得页面操作不灵活 不推荐使用 解决方案二 清除浮动(推荐使用) clear语法:...在理论上,被设置为fixed的元素会被定位于浏览器窗口的一个指定坐标,不论窗口是否滚动,它都会固定在这个位置。 <!
receiver=test&loginTokenFromThird= 既然定位到了具体文件,那么接下来就可以进行分析了 打开泛微ecology9 安装目录下的mobile/plugin/1/ofsLogin.jsp...文件,如下 首先在19-23行,在访问该mobile/plugin/1/ofsLogin.jsp这个url时,会首先接收传输过来的syscode、receiver、timestamp、loginTokenFromThird...行开始进行登录逻辑的验证,在36-39行,判断接收到的loginTokenFromThird与生成的loginTokenFromThird2值是否相等,如果不相等,则登录失败,并调转到/login/Login.jsp...loginTokenFromThird2相等,loginTokenFromThird可控,loginTokenFromThird2则是根据可控的参数调用内部加密函数生成,且加密函数的入参不变时,loginTokenFromThird2也是固定的...接下来就可以构造参数生成loginTokenFromThird2,然后将得到的loginTokenFromThird2值原封不动作为loginTokenFromThird参数值即可完成任意用户登录的利用
1.基础知识(了解栈结构) 先回顾一下关于栈的最简单知识; 本文主要涉及线性栈 假如我们不考虑栈底,栈底是固定不动的,只考虑栈顶,那么栈就像一只放在桌子上的空杯,杯底固定贴在桌子上。...把手指抽象成一根指向杯顶(栈顶)的指针,把方糖抽象成我们要放进去的元素(element), 把水杯抽象成一个U字型的边框,来约束我们的长方形方糖只能向上堆叠。 ?
当前版本:v1.6.0 | 2023-08-15#升级日志重点修复打印严重bug,新增一些功能:比如支持sqlserver分页设置、单元格支持设置多边框等!...升级内容重点修复一系列打印严重bug单元格设置支持设置多边边框数据验证条件下拉样式错乱【QQYUN-6086】打印的时候一个table(图片)是一页【QQYUN-6090】打印时分页问题表达式数据格式...把内容挤到下一页 #1572表格中的二维码打印时会独占一页,导致分页错乱 #1534表格二维码,胡乱分页bug #1519单元格斜线打印问题 #1518数据集二维码循环展示,打印出现分页 #1535设置固定表头和空白行补全后...目前支持28种图表,在线拖拽设计,支持SQL和API两种数据源支持分组、交叉,合计、表达式等复杂报表支持打印设计(支持套打、背景打印等)可设置打印边距、方向、页眉页脚等参数 一键快速打印 同时可实现套打,不动产证等精准...└─医药笺、逮捕令、介绍信等自定义样式设计打印│ │ ├─简单数据打印│ │ └─出入库单、销售表打印│ │ └─带参数打印│ │ └─分页打印│ │ ├─套打│ │ └─不动产证打印
jsp中include有两种形式: include指令: include动作: 他们的区别: 又称动态包含 运行期访问这个页面,把jsp页面的结果拿出来。...也就是说,直接新写一个完整的jsp或html即可,类似于html中已经过时的框架的写法 执行请求转发的动作标识 让一个页面转向另一个页面,可以是JSP页面...基本语法: 设置参数的子动作标识 子动作标识是指作为其他标识的子标识。用来向动态的目标文件中传递参数。等价于文件名后面加“?
,元素的位置相对于浏览器(就是你能看到的这个浏览器窗口)来说,是固定的,无论你怎么滑动窗口,它都在那儿雷打不动。 ...height: 30px; top: 20px; } 1.1.5 sticky定位方式 粘性定位,和fixed定位有些相似,但是又有些不同,一开始可以自由滑动,当到一定位置时就会在那里不动...先自由滑动,到一定位置就固定在那里不动。...所以,项目之间的间隔比项目与边框的间隔大一倍。 3.2.2.5 align-items属性 哟,这个也常用,好使!align-items属性定义项目在交叉轴上如何对齐。...所以,轴线之间的间隔比轴线与边框的间隔大一倍。 stretch(默认值):轴线占满整个交叉轴。 3.2.3 项目属性 前面我们介绍的是写在容器上的属性,写完之后会作用于容器里面的项目排列布局样式。
一、JSP概述 1.1、JSP简介 一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以结束。... |---------|----------|-------|-----------------| tomcat安装目录 引擎 主机 项目 固定包名...重点在于显示数据 二、JSP基本语法 2.1、JSP模板数据 就是JSP中的HTML代码,它的内容给是固定的,无论程序如何运行模版数据输出到客户端浏览器时都不会发生改变,当我们创建一个JSP时,...模版就已经固定了。 ...对于JSP模版数据来说,就原封不动的使用out.write()来输出到浏览器。 而对于JSP元素来说,就会变成普通的java代码,因为在servlet中,就可以直接编写java代码。
JavaBean的应用简化了JSP页面,在JSP页面中只包含了HTML代码、CSS代码等,但JSP页面可以引用JavaBean组件来完成某一业务逻辑,如字符串处理、数据库操作等。...说明:使用动作标识可以实例化JavaBean对象,使用动作标识可以获取JavaBean中的属性信息。...3.如何在JSP页面中应用JavaBean 在JSP页面中应用JavaBean主要通过JSP动作标识、、来实现对...title>录入员工信息页面 ul{ list-style: none;/*设置不显示项目符号*/ margin:0px;/*设置外边框..."> ul{ list-style: none;/*设置不显示项目符号*/ margin:0px;/*设置外边框*/ padding:5px;/*设置内边距*/ } li{ padding:5px
什么是Jsp Java Server Page : Java服务器端页面,和Servlet一样,用于 动态Web 技术 最大的特点 语法和HTML类似 区别 HTML只给用户提供静态的数据 JSP页面可以嵌入...Java代码,为用户提供动态数据 Jsp原理 Jsp是怎么执行的?...的tomcat中产生一个work目录 发现 D:\Environment\apache-tomcat-9.0.0.M6\work\Catalina\localhost\ROOT\org\apache\jsp...目录下的文件是java程序,jsp最终被转化成了java类 结论 :浏览器向服务器发送请求,不管访问什么资源,都是在访问servelt public final class index_jsp extends...页面中直接使用 在jsp中: 只要是java代码,就会原封不动的输出 html代码会被out.weite()方法写出
height为生成图片的高度,参数os为页面的输出流 * 在getCertPic()方法中,首先创建了一个内存图像的实例对象,再得到此内存图像的图形上下文对象, * 接着再用这个上下文对象画背景、边框...image.getGraphics(); // 设定背景色 g.setColor(new Color(0xDCDCDC)); g.fillRect(0, 0, width, height); // 画边框...os); } catch (IOException e) { return ""; } return strEnsure; } } 生成图片,makeCertPic.jsp...); out.clear(); out = pageContext.pushBody(); %> 登录页面或者其它页面得到验证码: <img src="makeCertPic.<em>jsp</em>...reloadcode(){ var verify = document.getElementById('code'); verify.setAttribute('src', 'makeCertPic.<em>jsp</em>
领取专属 10元无门槛券
手把手带您无忧上云