一、如何给table表格的tr行加border边框
bug背景:
- table表格内td:{float:right}浮动之后(tr 行下边框,部分不显示)
二、样式 bug - 截图示下
三、解决办法:
只需要给table增加一个属性就可以了。详细代码,如下:
table{
border-collapse:collapse;
}
这样,就会正常了。
四、关于属性 border-collapse
的取值、解析
参数取值、解析:
separate
默认值。
边框会被分开。不会忽略border-spacing 和 empty-cells 属性。collapse
如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
-inherit
规定应该从父元素继承border-collapse 属性的值。
参考博客
- [tabel布局中给tr加border边框] (https://blog.csdn.net/CherryLee_1210/article/details/80622247)
以上就是关于“ 如何给table表格的tr行加border边框(解决篇) ” 的全部内容。