如题,直接贴代码吧。在网上查了是chrome的bug,但是没有查到具体解决方案。
如果将table-layout设为auto的话,ie6又会根据内容计算td的宽度。
希望各位大神帮忙想个解决方案。
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"/>
<title>templates</title>
<style type="text/css" rel="stylesheet">
table{ width: 700px;border-collapse:separate;border-spacing: 0;table-layout: fixed;}
th,td{ padding: 3px 8px;border: 1px solid #333;}
th.c1{ width: 100px;}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<th class="c1">标题:</th>
<td class="c2">内容</td>
</tr>
<tr>
<th>宽度不够的内容:</th>
<td>内容</td>
</tr>
</tbody>
</table>
</body>
</html>
Chrome下:width包含了padding和border
Firefox和其他浏览器下:
你就用js判断一下是不是chrome浏览器,然后调整一下宽度啦
这种方法解决太不好了,css完全也可以判断