table边框不显示

今日在做报表的时候发现，最后一行隐藏后整个报表的下边框会不显示，猜测是td的边框隐藏后但table并未设置边框，导致下边框没有出现。因此设置了table边框后问题解决。table和td的边框关系如下实验：

<table>
<tr> <td> <table style="border:1px solid red;"> <tr> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> </tr> </table> </td> <td> <table style="border:1px solid red;border-collapse:collapse;"> <tr> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> <td style="border:1px solid blue;">&nbsp;</td> </tr> </table> </td> </tr> </table>

FF 结果如下：

左边是未指定 border-collapse 的（默认为 separate）。
右边是指定了 border-collapse 为 collapse 的。

IE 结果如下：

左边是未指定 border-collapse 的（默认为 separate）。
右边是指定了 border-collapse 为 collapse 的。

兼容性

可以看出在发生重叠时，Firefox 是用 td 覆盖 table 的，而 IE 是用 table 覆盖 td 的。

表格线常见问题：

1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]

2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]

3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]

转载于:https://www.cnblogs.com/zealotwill/p/4317154.html

table边框不显示相关推荐

网页表格线框html,关于Dreamweaver中怎么让html网页中的table边框细线显示?
关于Dreamweaver中怎么让html网页中的table边框细线显示? 对于不是编程的我们,用Dreamweaver制作表格的`情况下.默认表格边框会标的比较粗,今天给大家介绍下制作西表格超级简单 ...
解决table边框在打印中不显示的问题
先了解一下,table边框如何设置一.只对表格table标签设置边框只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: . ...
隐藏html表格边框显示,table显示所有边框 table的边框怎么显示不出来
css中怎么使table的内部边框显示出来? 怎么隐藏table所有边框设置了 cellpadding="0" border="0" cellspacing= ...
html表格打印边框不全,解决table边框在打印中不显示的问题 (转)
» 先了解一下,table边框如何设置一.只对表格table标签设置边框只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: ...
element-ui 表格table加border属性，右边框不显示
<el-table :data="systemData"borderstripe><el-table-column type="index"l ...
打印html表格边框不显示,解决table边框在打印中不显示的问题 (转)
» 先了解一下,table边框如何设置一.只对表格table标签设置边框只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: ...
html 让表格在右侧显示不出来,css中怎么解决表格边框不显示的问题？
css中怎么解决表格边框不显示的问题? html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框. css中也可以设置 ...
Table边框使用总结
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间隔 ...
java导出Excel(POI模式 Ajax下载 Post传参) bootstrap table getVisibleColumns获取显示的列
工具类 (正式使用) package com.qyj.utils;import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson. ...

table边框不显示

table边框不显示相关推荐

最新文章

热门文章