小编kol*_*cun的帖子

HTML5表格单元格填充 - 在浏览器中有所不同

我把它简化为一个相当简单的例子.

对我来说,它在Chrome 7.0中与在Firefox 3.6.12中看起来不同.IE 9 beta看起来像Chrome.

我希望能够在TD上设置填充,并使其在所有浏览器中以相同的高度渲染.目前,使用10px顶部填充,Chrome中的单元格看起来比Firefox更高.

我尝试过使用Eric的重置css,它不会改变结果任何想法为什么这些都被渲染得不同?

它的外观如下所示 - http:// yfrog.COM/5zqa7p

而代码......

<!DOCTYPE html>
<head>
<title>padding test</title>
<meta charset=utf-8>
<style>
td { width: 100px; height:100px; background: green; padding: 10px 0 0 0; }
</style>
</head>
<body>
<table>
<tr><td>TEST</td></tr>
<tr><td>TEST</td></tr>
</table>
</body>
Run Code Online (Sandbox Code Playgroud)

css html5 html-table cross-browser padding

18
推荐指数
2
解决办法
2万
查看次数

标签 统计

cross-browser ×1

css ×1

html-table ×1

html5 ×1

padding ×1