在项目中用表格显示数据的时候发现有几个单元格的边框没有正确显示出来,经过一翻查找终于找出了问题所在,我遇到的主要由两种原因造成的:
第一,是由于定位造成的,为了给单元格在不同的状态下显示不同的标志,给单元格进行了相对定位,单元格中的img进行了绝对定位;经改正,把定位去掉了,换做背景来显示,可以正确显示;
第二,是由于单元格的内容为空,造成了单元格边框不显示,解决办法是:
table {
border-collapse:collapse;
tr {
td{
border-right: 1px solid #323232;
empty-cells:show;
}
}
}
显示成功,
只遇到了这两个,如果有什么不正确的或者其他的情况,欢迎吐槽