打印html表格边框不显示,解决table边框在打印中不显示的问题 (转)
»
先了解一下,table边框如何设置
一、只对表格table标签设置边框
只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。
CSS代码:
.table-a table{border:1px solid #F00}
HTML代码:
站名 | 网址 | 说明 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
二、对td设置边框
对table表格td设置边框样式,表格对象内td将实现边框样式,但中间部分td会导致出现双边框。
CSS代码:
.table-b table td{border:1px solid #F00}
HTML代码:
站名 | 网址 | 说明 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
三、对table和td设置背景,实现表格边框
先设置table css背景为红色, 再设置table单元之间间距为1。
此方法在web中显示表格边框虽然不错,但是在打印时表格的边框就没有了,因为一般默认chrome也好,IE也好,打印默认设置都是不显示背景颜色和图片的,需要自己手动设置显示,不是每个打印网页的人都知道如何去设置显示背景颜色和图片,所以我们要用到方法四
CSS代码:
.table-c table{ background:#F00}
.table-c table td{ background:#FFF}
HTML代码:
站名 | 网址 | 说明 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
四、完美表格边框
对table与td 分别设置1像素的边框,再对边框进行合并,此方法无论在web或打印都能显示出来
CSS代码:
.table-d table{border:1px solid #F00;border-collapse:collapse;}
.table-d table td{border:1px solid #F00;}
HTML代码:
站名 | 网址 | 说明 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
web前端开发 | www.zjgsq.com | web前端学习之路 |
打印html表格边框不显示,解决table边框在打印中不显示的问题 (转)相关推荐
- linux非图形化界面,在Linux图形界面中显示中文,非图形界面中,显示英文
在Linux图形界面中显示中文,非图形界面中,显示英文 设置语言,应当改环境变量LANG 1. 在非Xwindow下显示英文.非Xwindow下不能显示中文汉字,如果设置成中文,则中文部分显示乱码,第 ...
- html表格打印边框不全,解决table边框在打印中不显示的问题 (转)
» 先了解一下,table边框如何设置 一.只对表格table标签设置边框 只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: ...
- 解决table边框在打印中不显示的问题
先了解一下,table边框如何设置 一.只对表格table标签设置边框 只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: . ...
- 解决Visio流程图在Word中无法显示以及显示不完全的问题
当在Word中插入图片这种方式添加流程图时,会出现无法显示该图片的情况,解决方法: 在Word中使用插入-对象-由文件创建,将流程图插入,这是会出现流程图不全的情况. 这时可以将流程图删掉,在空白处右 ...
- java byte 图片浏览器直接显示_在imge控件中直接显示图片(图片是byte[]格式)
在工作过程中遇到了这个问题,在网上查了一些资料,结合自己的解决方法及解决过程总结了下,方面以后查阅.如果能帮到同样遇到这个问题的你,将非常高兴哦~_~ 由于asp.net中的Image控件是在Syst ...
- windows10/11显示需要提供要在幻灯片放映中的显示的多张图片
目录 问题如图 具体步骤 注意事项 不清楚重启文件资源管理器的,看过来 问题如图 前言 ...
- python显示行数_在idle中如何显示行号
展开全部 其实IDLE提供了一个显32313133353236313431303231363533e78988e69d8331333365663438示所有行和所有字符的功能. 我们打开IDLE sh ...
- Linux更改显示管理器,聊聊Linux操作系统中的显示管理器及如何更换
在这篇Linux黑话解释中,你将了解 Linux 中的显示管理器.它是桌面环境的一部分吗?它的作用是什么? 什么是 Linux 中的显示管理器? 简单来说,显示管理器display manager(D ...
- 非常郁闷,WinForm中正常显示的自定义控件无法在WebForm中正常显示!
我写了一个自定义控件(Win Control),此控件在WinForm中运行正常,但在WebForm中无法显示(在WebForm中此控件并不显示为红叉,但是一个对象图标).由于没有出现权限或安全方面的 ...
最新文章
- SQLSERVER存储过程基本语法
- 皮一皮:这个单人可玩推理真是太好玩了...
- 设置tomcat 编译文件位置【转】
- 稀疏组套索_Python中的稀疏组套索
- hibernate保存失败_Hibernate:保存与保存并保存或更新
- 结对-五子棋游戏-测试过程
- Mac selenium调试已经存在的Chrome浏览器
- 扩展空间_实用!Win10开启SMB共享的方法,给GPD MicroPc扩展更多存储空间
- 软件工程 交互设计 信息架构设计是什么
- elasticsearch的性能表现
- 如何成为一名推荐系统工程师
- python判断闰年_python判断闰年
- python如何退出while循环_python如何跳出while循环
- win10系统崩溃怎么修复
- su如何变成实体_Sketchup实体工具怎么使用? SU实体工具的使用方法
- imageview显示服务器图片,imageview 直接加载图片流
- 曾诗斯老师商务礼仪实战专家
- Qt 5.7设置调试器
- HJ87 密码强度等级(一把过)
- Linux网络测速工具Speedtest