我把这个打破了一个简单的例子。
@H_404_2@对于我来说,它在Chrome 7.0中的看法与Firefox 3.6.12相似。 IE 9 beta看起来像Chrome。
@H_404_2@我希望能够在TD上设置填充,并在所有浏览器中渲染具有相同的高度。目前,使用10px的顶部填充,Chrome中的单元格比Firefox更高。
@H_404_2@我尝试使用Eric的重置css,它不会改变结果
任何想法为什么这些呈现不同的? @H_404_2@非常感谢! @H_404_2@这个例子在这里 – http://yfrog.com/5zqa7p @H_404_2@和代码…
任何想法为什么这些呈现不同的? @H_404_2@非常感谢! @H_404_2@这个例子在这里 – http://yfrog.com/5zqa7p @H_404_2@和代码…
<!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>
解决方法
Firefox和Chrome在HTML5中的表格单元格中处理填充的方式显然有一个错误:
http://code.google.com/p/chromium/issues/detail?id=50633 @H_404_2@当您尝试使用0填充的标记和CSS时,它们是一样的。当您将DOCTYPE切换为HTML5时,它们也是一样的。
http://code.google.com/p/chromium/issues/detail?id=50633 @H_404_2@当您尝试使用0填充的标记和CSS时,它们是一样的。当您将DOCTYPE切换为HTML5时,它们也是一样的。