Firefox下td高度显示问题
时间：2011-02-24
来源：互联网
html代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table cellspacing="0" cellpadding="2" bordercolor="#b8b4a3" border="1" width="80%">
<thead>
<tr align="center">
<td width="24" rowspan="2">
#
</td>
<td width="120" rowspan="2">
首列
</td>
<td colspan="2">
次列
</td>
</tr>
<tr align="center">
<td width="90">
A
</td>
<td width="70">
B
</td>
</tr>
</thead>
<tbody>
<tr>
<td width="24" rowspan="2">
1
</td>
<td width="120" rowspan="2">
<div>首</div>
<div>列</div>
<div>名</div>
<div>称</div>
</td>
</tr>
<tr>
<td width="90">
内容A
</td>
<td width="70">
内容B
</td>
</tr>
</tbody>
</table>
</body>
</html>
我想要的效果是“内容A”和“内容B”的高度与“首列名称”相同。即三者应该显示在同一行。
在IE下误差比较小，加上颜色样式后基本可以填补此误差。但在Firefox(3.6.12版本)下差别很大！
麻烦各个大侠给小弟指点下下。先谢了。。。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table cellspacing="0" cellpadding="2" bordercolor="#b8b4a3" border="1" width="80%">
<thead>
<tr align="center">
<td width="24" rowspan="2">
#
</td>
<td width="120" rowspan="2">
首列
</td>
<td colspan="2">
次列
</td>
</tr>
<tr align="center">
<td width="90">
A
</td>
<td width="70">
B
</td>
</tr>
</thead>
<tbody>
<tr>
<td width="24" rowspan="2">
1
</td>
<td width="120" rowspan="2">
<div>首</div>
<div>列</div>
<div>名</div>
<div>称</div>
</td>
</tr>
<tr>
<td width="90">
内容A
</td>
<td width="70">
内容B
</td>
</tr>
</tbody>
</table>
</body>
</html>
我想要的效果是“内容A”和“内容B”的高度与“首列名称”相同。即三者应该显示在同一行。
在IE下误差比较小，加上颜色样式后基本可以填补此误差。但在Firefox(3.6.12版本)下差别很大！
麻烦各个大侠给小弟指点下下。先谢了。。。
作者: langxianfa 发布时间: 2011-02-24
看看这样是不是好调整一些
HTML code
HTML code
<table border="1" bordercolor="#b8b4a3" cellpadding="2" cellspacing="0" width="80%"> <thead> <tr align="center"> <td rowspan="2" width="24"> # </td> <td rowspan="2" width="120"> 首列 </td> <td colspan="2"> 次列 </td> </tr> <tr align="center"> <td width="90"> A </td> <td width="70"> B </td> </tr> </thead> <tbody> <tr> <td rowspan="2" width="24"> 1 </td> <td rowspan="2" width="120"> <div>首</div> <div>列</div> <div>名</div> <div>称</div> </td> <td width="90"> 内容A </td> <td width="70"> 内容B </td> </tr> </tbody> </table>
作者: hongmei85 发布时间: 2011-02-24
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
