嗨,当我在 IE11(Windows 10 机器)中运行我的应用程序时,Html 表格的边框没有正确显示。css 属性border-collapse 不起作用,因此我的表格边框显示为未完成。在 chrome 中也无法正常工作。
<table width="100%" align="center" class="tBr" id="identt" border="1" cellSpaing="0" cellpadding="2">
<tbody>
<tr class="bdyyow">
<td class="bdyyow" rowspan="1"colSpan="1"> <b> EmpNo </b> </td>
<td class="bdyyow" rowspan="1"colSpan="1"> <b> EmpName </b> </td>
<td class="bdyyow" rowspan="1"colSpan="1"> <b> Department </b> </td>
<td class="bdyyow" rowspan="1"colSpan="1"> <b> Designation </b> </td>
</tr>
<tr>
<td class="tb-tr1" rowSpan="1" colSpan="1"> 1924 </td>
<td class="tb-tr1" rowSpan="1" colSpan="1"> Simaah </td>
<td class="tb-tr1" rowSpan="1" colSpan="1"> Production </td>
<td class="tb-tr1" rowSpan="1" colSpan="1"> Associate</td>
</tr>
</tbody>
CSS
.tBr {
border-collapse: collapse;
border : 1px solid black;
}
.bdyyow {
font-size:10px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-style : solid;
border-top-style: solid;
border-left-style: solid;
border-bottom-style: solid;
}
谁能帮我解决这个问题。