当前位置：首页 → 问答吧 → table边框问题

table边框问题

时间：2011-07-14

来源：互联网

理想效果图:
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>无标题文档</title> <style type="text/css"> * { padding:0px; margin:0px; font-size:12px;} body { padding:50px;} #Table { width:500px;} #Table table { border-collapse:collapse;} #Table th { border:1px solid #000; background:#CCC; font-weight:normal; padding:3px;} #Table td { border:1px solid #000; padding:3px;} </style> </head> <body> <div id="Table"> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <th>标题</th> <th>标题</th> </tr> <tr> <td>内容</td> <td>内容</td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> </table> </div> </body> </html>
提示：您可以先修改部分代码再运行

问题:有时候会出现边框断续的现象,只有火狐会有这个现象.一刷新就又会好了.如下图现象.:

内容少的时候不会有这个现象!

[ 本帖最后由 kk0104 于 2011-7-14 18:05 编辑 ]

作者: kk0104 发布时间: 2011-07-14

我在火狐下浏览正常额，我的是firefox5

作者: biao166 发布时间: 2011-07-20

我这也正常 chrome下版本问题？

作者: auror 发布时间: 2011-07-20

你的ff版本是啥？别的浏览器正常么？反正我这测试你的代码一切正常(ie678,ff5)

作者: ypd007 发布时间: 2011-07-20