1. 爱易网页
  2. HTML教程
  3. Firefox上td高度显示有关问题

Firefox上td高度显示有关问题

日期：2014-05-17　 浏览次数：20683 次

Firefox下td高度显示问题
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版本)下差别很大！
麻烦各个大侠给小弟指点下下。先谢了。。。
------解决方案--------------------
看看这样是不是好调整一些
<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>

相关资料更多>

  1. 哪位高手来救救小弟我！100分！用
  2. 亲，你还在犹豫什么，进来看看啥~该如何处理
  3. 小弟我做了一个置顶，为什么火狐打开就能用，其他浏览器就不能用。为什么这个置顶代码一旦申明文档类型就失效呢。下面是代码
  4. HTML5新功能演练
  5. 初学者喊救命了!
  6. ul li的有关问题，调了几天还是没搞好
  7. XHTML入门学习教程:文字格式与特殊字符
  8. 浅析HTML5基于组件的游戏发动机
  9. 问个初学者有关问题，为什么小弟我这样写在浏览器中表格的样式就不起作用