我有一个包含数据的表格,当我在 Firefox 中查看它时,某些边框没有显示。请参阅随附的屏幕截图。
在任何其他浏览器中都不会发生这种情况。在 Firefox、IE、Safari 和 Chrome 中测试。
知道为什么以及如何解决它吗?
我使用样式来格式化表格:
.myTbl {
border: 2px solid #cccccc;
border-collapse: collapse;
}
.myTbl th, .myTbl td {
white-space: nowrap;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 2px;
}
.myTbl td {
text-align: center;
width: 15%;
}
.myTbl tr:hover td {
background-color: #ffffcc;
}
.myTbl thead th, .myTbl thead:hover th {
text-align: center;
font: normal 10px arial, verdana, sans-serif;
background-color: #ffffff;
}
HTML:
<table class="myTbl">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
Border-Collapse:Collapse - 尽可能将边框折叠成单个边框(边框间距和空单元格属性将被忽略)
Border-Collapse:Seperate - 边框分离(边框间距和空单元格属性不会被忽略)。这是默认值
此链接可能有助于您了解 border-collapse:collapse 和 split 并了解其工作原理。
http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)