Html 引导程序rowspan firefox错误
浏览器:仅firefox浏览器,Chrome浏览器可以 OS:Linux、Windows(OSX未测试)Html 引导程序rowspan firefox错误,html,css,twitter-bootstrap,firefox,Html,Css,Twitter Bootstrap,Firefox,浏览器:仅firefox浏览器,Chrome浏览器可以 OS:Linux、Windows(OSX未测试) <tr class="day-row"> <td class="center" rowspan="4">1</td> <td class="center" rowspan="2">projekt</td> <td>ActivityGr
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
示例:
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
1.
项目
ActivityGroupName对象
没有一个
0.8
1.6
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
说明:
有3种情况,只有在第一种情况下,错误发生在6下以“2”开头的行上。运输署。td下有一行,但单元格扩展为四行。它不应该在那里
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
默认引导
带td、tr->边框的引导:1px实心
灰色李>
仅具有2行的默认引导srap
有人知道如何修复它吗?有一种来自bootstrap css的样式
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
.table > tbody > tr > td{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
您需要编写代码以便覆盖它。(这就是问题的根源)
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
所以您的代码应该是:检查下面的代码段或
<tr class="day-row">
<td class="center" rowspan="4">1</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">2</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">HERE IS BORDER-BOTTOM SHOWN</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="4">3</td>
<td class="center" rowspan="2">projekt</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td class="center" rowspan="4">1.6</td>
<td class="center" rowspan="4"></td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
<tr class="day-row">
<td class="center" rowspan="2">frontend</td>
<td>ActivityGroupName object</td>
<td>None</td>
<td>0.8</td>
<td><a>Upravit</a></td>
</tr>
<tr class="day-row">
<td></td>
<td></td>
<td></td>
<td><a>Nový</a></td>
</tr>
</tbody>
</table>
.table.bordered、.bordered th、.table>tbody>tr>td{
边框:1px纯色灰色;
}
显示错误
1.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
2.
项目
ActivityGroupName对象
没有一个
0.8
这里显示的是底部边框
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
3.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
无错误-向表th和td添加边框
1.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
2.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
3.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
也没有错误-不同的行计数
1.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日
2.
项目
ActivityGroupName对象
没有一个
0.8
1.6
上行
11月25日
前端
ActivityGroupName对象
没有一个
0.8
上行
11月25日