我有一个由多个tbody
元素组成的表,这些元素由多个tr
行组成:
<table>
<thead>[...]</thead>
<tbody>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
<tbody>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
&c...
</table>
当尝试为表
的子tbody
元素赋予背景颜色(使用表tbody:nth-child(even){}
)时,仅为整个tbody
元素的一部分着色(即单个单元格)。 表
的背景颜色总是部分闪亮。
如何获得单色的偶数tbody
字段,以便于将不同的元素区分开来?
我偶然发现了这个线程(为什么`tbody`不设置表格中的背景色?) 在我的搜索过程中,标题包含了完全相同的问题,但该问题的其余部分更为具体,实际上是关于使border-radiation
与设置的背景颜色相配合。
由于table元素的边框是这里的罪魁祸首,我们需要去掉那些:
CellSpacing='0'CellPadding='0'
添加到表html代码()。
- 将
border:none
添加到表的CSS中。
现在,表格应该正确呈现,没有任何其他颜色的线条穿过,但是我们可能需要重新引入元素周围的空格。
实现这一点的最简单方法是为td
元素添加一些填充(例如table tbody td{padding-top:1em}
)。 由于这不会干扰tbody
元素的设置背景颜色,因此可以使用它来重新对齐和重新分隔表。
相关问题
- Android:在模块jefied-play-services-测量和jefied-play-services-测量-impl中发现重复类
- 在Hashmap中查找匹配的键/值对
- 如何迭代Hashmap并与同一Hashmap中的其他键进行组合以比较它们的对象
- HashCode-如果相等的对象碰巧在同一个桶中散列会发生什么?
- 如何防止对数组中类对象的重复引用?
- 如何以及何时在HashMap中完成重新散列
- 在hashmap或hashtable中重新散列的成本
- HashMap如何识别内部数组中的哪些位置包含元素?
- 当HashMap增加其大小时,HashMap中值的索引会发生什么?
- @BeforeClass在ktor测试类中不工作
- Jest vanilla JavaScript JSDOM刷新失败,切换beforeAll到before每一个后的第二次测试中断
- 在笑话中,定义全局变量是否与在BeforeAll中定义相同?
- 静态编程语言中@BeforeAll的正确解决方法是什么
- 线程“main”java. lang.NoClassDefFoundError中的异常:在Intellij[Spring boot]中
- 线程“main”java. lang.NoClassDefFoundError中的异常:org/apache/log4j/ProvisionNode
- 异步管道是否从服务中定义并从组件变量指向的可观察对象取消订阅?
- 结合主体时不更新在模板中的异步管道可观察
- 组件中的Angular 2重复订阅
- 应该在ngOnDestroy()中将Angular组件变量设置为null吗?
- Angular2处理非组件类中的订阅