![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Html5
前端
慢慢来工厂
刚刚好
展开
-
div在屏幕中上下左右居中
1、需求分析: 对不同分辨率的电脑,让某一个固定宽高的div上下左右居中 (缩放浏览器也是同样的道理,上下左右居中)2、解决方法: 先设置div的宽高 设置position:absolute;绝对定位 margin负值(负值的大小为div宽高的二分之一)如下:.mostOutContentDiv { width: 1000px; height: 600px; posit...原创 2021-11-10 16:43:36 · 705 阅读 · 0 评论 -
thymeleaf中th:text与th:utext区别
th:text不会解析html,用th:utext会解析html,在页面中显示相应的样式1、例如student.name=</br>学生姓名<td th:text="${'测试' + student.name}"></td><td th:utext="${'测试' + student.name}"></td>使用th:text的结果为: 测试</br>学生姓名使用th:utext的结果为:...原创 2021-10-26 11:22:20 · 224 阅读 · 0 评论 -
jquery中监听输入框input事件
1、需求:01一行的input只读,值=02+03+04当修改02、03、04中的任何一个输入框时,01中的值就会改变,并等于02/03/04之和2、解决思路:(1)html: 在02/03/04所有的input上添加class="valueChange"<input class="form-control form-control-sm valueChange" th:valu...原创 2021-09-14 10:24:58 · 4403 阅读 · 0 评论 -
html解析pdf时公共css加载失败
1、在使用itext解析pdf,需要将所有的HTML中的css提取一个公共的文件,每个html进行引用。方法1:(失败)直接新增一个css文件,在html中使用link引用,发现浏览器中有效果,但是在解析的pdf中没有成功加载css文件。方法2:(成功)使用thymeleaf模板中的th:include 将<style></style>标签中的所有样式复制到只有<style>标签的html页面中,...原创 2021-08-24 08:42:00 · 992 阅读 · 0 评论 -
html中首行缩进两个字符
.retract { text-indent: 2em; }原创 2021-08-18 16:47:17 · 1206 阅读 · 0 评论 -
html5表格设置td某一边框不显示
1、实现效果:编号左侧td上边框不显示:2:需要将:1的下边框设置为0px:border-bottom-width: 0px;同时将2的上边框设置为0px:border-top-width: 0px;3、如果只设置一个td的边框为0px,达不到最终目的...原创 2021-08-18 16:45:41 · 2599 阅读 · 0 评论 -
html转pdf时页面横向
在html中的style中添加@page { size: 297mm 210mm; }上面是a4纸大小(宽、高)原创 2021-08-18 16:38:00 · 797 阅读 · 0 评论 -
表格所有td添加边框
两种方法:1、.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}2、<table border="1" class="contentTable"></table>.contentTable{ border-collapse: collapse原创 2021-08-18 16:35:10 · 1711 阅读 · 0 评论 -
html中td设置好宽度后,填写数字依然会改变td的宽度
table{ table-layout: fixed; } td{ word-wrap: break-word; }原创 2021-08-18 16:32:05 · 217 阅读 · 0 评论