一、效果图 image.png 二、前端页面 核心代码: 1、固定顶部 position:fixed;top:0px 2、左右滚动条 OVERFLOW-X: scroll;width:720px...contentType="text/html;charset=UTF-8" language="java" %> jsp
今天在做大物实验的数据分析的时候,出现了一个问题,根据gi的公式来算gi的时候,如下图所示:
4、背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。...为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定 background-attachment: 参数 参数取值范围: fixed...:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动 scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动 四、区块 1、单词间距...6、clear 清除浮动 六、边框 1、样式 border style 参数 边框样式的参数: none:无边框 dotted...:边框为点线 dashed:边框为长短线 solid:边框为实线 double:边框为双线 2、宽度 border width
定位脱离标准文档流的方法:浮动、绝对定位、固定定位。相对定位是不会脱离文档流的。固定定位固定定位只能以页面为参考点,没有子固父相这个性质,固定定位脱离标准文档流。...边框与圆角边框border属性的三要素:线宽度、线型、线颜色。...值意义border-box背景延伸至边框(默认值) padding-box背景延伸至内边(padding),不会绘制到边框处(仅在dotted、dashed边框可察觉) content-box背景被剪裁至内容区...背景固定background-attachment属性决定背景图像的位置是在视口内固定,或者随着包含他的区块滚动。...值意义fixed自己滚动条不动,外部滚动条不动 local自己滚动条动,外部滚动条动scroll自己滚动条不动,外部滚动条动(默认值) 背景重复background-repeat属性用来设置背景的重复模式值意义
只是给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中的源代码原封不动地附加到当前文件中,所以在jsp程序中使用这个指令的时候file里面的值...(即要导入的文件)不能带多余的标签或是与当前jsp文件重复的东西。...例如里面不要包含这样的标签,因为是把源代码原封不动的附加过来,所以会与当前的jsp中的这样的标签重复导致出错。 ...jsp:include page=”/user/test”flush=”true”/> 此时引入执行页面或生成的应答文本.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:include page="" /> 他们的区别: jsp的代码原封不动就拼到这个页面来了。运行时把jsp的代码,当作本页代码运行。...jsp:include page="" />又称动态包含 运行期访问这个页面,把jsp页面的结果拿出来。...也就是说,直接新写一个完整的jsp或html即可,类似于html中已经过时的框架的写法 执行请求转发的动作标识jsp:forward > 让一个页面转向另一个页面,可以是JSP页面...基本语法:jsp:forward page="url"/> 设置参数的子动作标识jsp:param> 子动作标识是指作为其他标识的子标识。用来向动态的目标文件中传递参数。等价于文件名后面加“?
,元素的位置相对于浏览器(就是你能看到的这个浏览器窗口)来说,是固定的,无论你怎么滑动窗口,它都在那儿雷打不动。 ...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组件来完成某一业务逻辑,如字符串处理、数据库操作等。...说明:使用jsp:useBean>动作标识可以实例化JavaBean对象,使用jsp:getProperty>动作标识可以获取JavaBean中的属性信息。...3.如何在JSP页面中应用JavaBean 在JSP页面中应用JavaBean主要通过JSP动作标识jsp:useBean>、jsp:getProperty>、jsp:setProperty>来实现对...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()方法写出
领取专属 10元无门槛券
手把手带您无忧上云