无边框的表格单元格上有白线-如何禁用它们？

作者：oDavid_仔o_880 | 2023-09-08 13:10

如何解决《无边框的表格单元格上有白线-如何禁用它们？》经验，为你挑选了1个好方法。

我创建了此表，并将padding和border设置为0。但是在单元格周围有这条奇怪的白线。这是什么？如何禁用它们？

HTML代码：

（该表只是在重复更多行。）

CSS代码：

		Job	Länge/mm	Gesamt/QTY	Rest/QTY	Fertig um
		Job1	800.000	50	20	14:40

（我

Job Länge/mm Gesamt/QTY Rest/QTY Fertig um

Job1 800.000 50 20 14:40

通过Safari Dev Tools 将的背景更改为灰色，因此线条更易于查看。）

1> CoderPi..：

在表中添加cellpadding="0"和cellspacing="0"：

还是在CSS中：在CSS中设置cellpadding和cellspacing？

演示：

#jobtabelle tr {
  height: 56px;
  line-height: 56px;
  border-top: 0;
  border-bottom: solid 1px #424242;
  overflow: hidden;
  font-size: 16px;
}
#jobtabelle tbody tr:first-child {
  background: #66bb6a;
}
#jobtabelle thead tr {
  height: 25px;
  line-height: 25px;
  margin-top: 10px;
}
#jobtabelle td {
  border-left: 0;
  border-right: 0;
  border-bottom: inherit;
  padding: 0;
  border-collapse: collapse;
}
#jobtabelle th:first-child +th +th +th,
#jobtabelle th:first-child +th +th +th +th,
#jobtabelle th:first-child +th +th +th +th +th,
#jobtabelle th:first-child +th +th +th +th +th +th,
#jobtabelle td:first-child +td +td +td,
#jobtabelle td:first-child +td +td +td +td,
#jobtabelle td:first-child +td +td +td +td +td,
#jobtabelle td:first-child +td +td +td +td +td +td {
  text-align: right;
}

		Job	Länge/mm	Gesamt/QTY	Rest/QTY	Fertig um
		Job1	800.000	50	20	14:40

推荐阅读程序员 gemspec中的条件ruby gem依赖项如何解决《gemspec中的条件rubygem依赖项》经验，为你挑选了0个好方法。 ... [详细] 程序员 pyspark加入多个条件如何解决《pyspark加入多个条件》经验，为你挑选了1个好方法。 ... [详细] 程序员 dismissViewControllerAnimated仅在第二次点击TableView Row后才有效如何解决《dismissViewControllerAnimated仅在第二次点击TableViewRow后才有效》经验，为你挑选了1个好方法。 ... [详细] 程序员你能不能在Matlab中关闭一个给定的窗口？如何解决《你能不能在Matlab中关闭一个给定的窗口？》经验，为你挑选了1个好方法。 ... [详细] 程序员 Objective-C和Swift文档就像Apple文档一样如何解决《Objective-C和Swift文档就像Apple文档一样》经验，为你挑选了0个好方法。 ... [详细] 程序员在jsonb字段上添加索引如何解决《在jsonb字段上添加索引》经验，为你挑选了1个好方法。 ... [详细] 程序员连续数字块的开始/停止值如何解决《连续数字块的开始/停止值》经验，为你挑选了0个好方法。 ... [详细] 程序员使用react-native-camera拍照如何解决《使用react-native-camera拍照》经验，为你挑选了1个好方法。 ... [详细] 程序员两种功能是否相同,以及工作2的改善时间是否超过工作1？如何解决《两种功能是否相同,以及工作2的改善时间是否超过工作1？》经验，为你挑选了1个好方法。 ... [详细] 程序员无法使用anaconda的conda包更新到python 3.5 如何解决《无法使用anaconda的conda包更新到python3.5》经验，为你挑选了1个好方法。 ... [详细] 程序员猫头鹰旋转木马在页面加载时闪烁如何解决《猫头鹰旋转木马在页面加载时闪烁》经验，为你挑选了1个好方法。 ... [详细] 程序员从VSTS发布中排除文件/文件夹如何解决《从VSTS发布中排除文件/文件夹》经验，为你挑选了1个好方法。 ... [详细] 程序员来自<netinet/in.h>的INADDR_LOOPBACK宏未在swift中导入如何解决《来自<netinet/in.h>的INADDR_LOOPBACK宏未在swift中导入》经验，为你挑选了1个好方法。 ... [详细] 程序员如何在Xcode 7中将libz.1.2.3.dylib添加到iOS 9.1？如何解决《如何在Xcode7中将libz.1.2.3.dylib添加到iOS9.1？》经验，为你挑选了1个好方法。 ... [详细] 程序员 Visual Studio 2015 Analyzer引发了异常如何解决《VisualStudio2015Analyzer引发了异常》经验，为你挑选了0个好方法。 ... [详细] 程序员如何使用数据注释在EF 7 Code First中指定唯一键如何解决《如何使用数据注释在EF7CodeFirst中指定唯一键》经验，为你挑选了1个好方法。 ... [详细] 程序员 OpenCV Mat数据成员访问如何解决《OpenCVMat数据成员访问》经验，为你挑选了1个好方法。 ... [详细] 程序员设计rails current_user与user_signed_in？如何解决《设计railscurrent_user与user_signed_in？》经验，为你挑选了1个好方法。 ... [详细] 程序员 .removeClass用于多个缓存选择器如何解决《.removeClass用于多个缓存选择器》经验，为你挑选了1个好方法。 ... [详细] 程序员 MSBuild和<AutoUnifyAssemblyReferences /> 如何解决《MSBuild和<AutoUnifyAssemblyReferences/>》经验，为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" ! 吐个槽吧,看都看了会员登录 | 用户注册 oDavid_仔o_880 这个屌丝很懒，什么也没留下！关注作者 Tags | 热门标签 ajax bootstrap chart chrome css css3 firebug firefox html html5 javascript jquery json node.js npm postman vue.js webkit RankList | 热门文章 1如何在php中获取特定的数组值 2SQL min函数 3内容和标题不会显示在Wordpress的某些页面上 4如何在drawableLeft中设置图像的宽度和高度 5如何在c#.net中将结构转换为Byte数组,但仅在运行时定义结构大小 6如何从ajax php函数提醒框 7与Vuejs的Moment.js 8EF + AutoFac + async"连接的当前状态正在连接" 9dnxcore50与dnx451的性能比较？(CoreClr与.net Framework) 10AngularJS"垂直"ng重复 11Laravel 5.1是否与PHP 7兼容 12雄辩的ORM laravel 5获取ID数组 13ImageIO.read无法读取ByteArrayInputStream(图像处理) 14将列表解压缩到变量 15由于其保护级别,"设置"无法访问 16在SQL Server中如何使用TYPE COLUMN选项创建全文索引 17在单个语句中添加类和删除类不起作用 18如何通过点击其调光视图来关闭UIPresentationController 19使用==运算符进行原始对象比较 20为什么即使我添加了我的电子邮件地址,Github也没有显示我的贡献？ DevBox开发工具箱 | 专业的在线开发工具网站京公网安备 11010802040832号 | 京ICP备19059560号-6 Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱版权所有