欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

firefox上td高度显示有关问题

更新时间: 2014-01-05 01:56:57 责任编辑: Author_N1

 

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>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:56:57
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3510/
本文WWW.DOC100.NET DOC100.NET版权所有。