html - Colspan 不适用于 <td> 宽度设置？ (IE7)

当我使用固定宽度 (IE 7) 时，我无法让 colspan 工作？为什么？!

示例代码:




  <头>
    <样式>
    .inputGroup td
    { 宽度:250px; }
    
  
<正文>
<表类="输入组">
  
    单元格1
    单元格2
  
  
    这应该跨越两列，但它没有
  
  
    单元格1
    单元格2

帮助任何人？ :(

最佳答案

可以，但是您限制了宽度。如果需要，请尝试创建另一个名为“.doubleSpanInputGroup”或宽度为 500 的类，并将该类设置到跨越列上。

例如。

<html>
  <head>
    <style>
    .inputGroup td
    { width:250px; }   
    .inputGroup td.doubleInputGroup
    { width:500px; } 
    </style>
  </head>
<body>
<table class="inputGroup">
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
  <tr>
    <td colspan="2" class="doubleInputGroup">This should span two columns but it doesnt</td>
  </tr>
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>
</table>
</body>
</html>

编辑:使新样式更具层次感

关于html - Colspan 不适用于 <td> 宽度设置？ (IE7)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/947815/

上一篇：html - 如何显示 HTML 文档的打印预览

下一篇：css - 如何将 div 居中并使其围绕其中的 div 展开？

相关文章：

php - 组合框可以选择以 HTML 格式键入条目

Javascript执行器 : setAttribute using name

javascript - Html 表格单元格值

javascript - 当缺少唯一标识符时，选择同一列中除一个之外的所有 td 元素

css - 水平对齐 HTML 标题元素

html - 为什么菜单悬停对于列表中的这些元素表现不同？

javascript - 如何根据名称对表格进行排序

javascript - 使用 jQuery 为 html 表中的列添加类

html - 向 HTML 表结构添加分隔符

html - 自定义形状表格