在Firefox中奇怪的表格渲染
Vit*_*aev 5 html css firefox html-table windows-8.1
我在Windows 8.1上使用Firefox 26.0.简单的表格html + css布局在不同的缩放级别上呈现奇怪.
可以100%放大Firefox.IE和Chrome正确呈现文档.将html代码更改为常规表/ tr/td没有帮助.
这是Windows 8.1上的Firefox中的错误还是布局错误？
HTML代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="board">
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>
</body>
</html>
CSS代码
#board {
display: table;
border-collapse: collapse;
}
.row {
display: table-row;
}
.cell {
border: 1px solid;
display: table-cell;
height: 1em;
width: 1em;
}
结果:
100%-2缩小:
100%-3缩小:
100%+1放大:
100%+ 3放大:
来自Bugzilla:
错误410959 - [BC]表单元格边框宽度在各种缩放级别下呈现错误
这是一个错误,没有人解决它.
此外,如果您有表格数据,请使用table和不使用div
对此的解决方案是使用 border-collapse: separate;
#board {
display: table;
border-collapse: separate;
}
演示 (关于放大和缩小使用的错误演示border-collapse: collapse;)
| 归档时间： |
|
| 查看次数： |
1704 次 |
| 最近记录： |