`

tr的display属性设置在firefox和chrome中出现td的colspan无效问题

阅读更多
    今天用firefox和chrome测试页面的时候,发现用javascript控制 tr 的显示隐藏时,当把tr的显示由“display:none”改为“display:block”时,该tr下的td内容合并到了第一个td里,也就是说,原先在td中设置的colspan属性无效了。
    由于display属性设置为空时,默认为显示,因此将“display:block”改为“display:”就好了,解决了该问题。但具体是什么原因仍然不太清楚,有待以后研究。
分享到:
评论
1 楼 chamcon 2010-11-22  
thank you.

相关推荐

    colspan和rowspan

    在网页设计中,`colspan` 和 `rowspan` 是两个非常重要的属性,它们用于HTML表格元素中,帮助我们合并单元格,实现更复杂的布局。本文将深入探讨这两个属性的含义、用法以及它们在实际应用中的作用。 首先,`...

    web程序设计 表格 其中包含table td td常见的属性

    `<td>`可以设置多个属性来控制其表现和行为: 1. **`colspan`**: 这个属性用来合并列。如果`colspan="2"`,那么该`<td>`将跨越两个列。例如: ```html <tr> <td colspan="2">合并两列的数据</td> </tr> ``` ...

    colspan使用方法

    例如,在一个简单的3列表格中,如果某一行的第一个单元格设置了`colspan="2"`,那么这个单元格将横跨前两列,而第三列则会被留空,直到下一行出现新的单元格填充这一列。 #### 二、Colspan的语法 在HTML中,`...

    jQuery+ajax实现动态添加表格tr td功能示例

    动态添加表格tr td功能意味着我们可以根据需要随时在表格中添加新的行和列。通常,这涉及到两个主要步骤:发送ajax请求到服务器获取数据,然后将返回的数据动态添加到表格中。 ##### 2.1 前端HTML结构 首先,我们...

    jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera

    本篇文章将详细介绍如何利用jQuery实现这一功能,支持包括IE、Firefox、Safari、Chrome和Opera在内的主流浏览器。 首先,我们需要创建一个基本的HTML表格结构,如Code1所示,包含表头(thead)和数据区域(tbody)...

    HTML制作表格ppt课件.ppt

    HTML 表格制作是 HTML 中非常重要的一部分,它可以用来存放网页上的文本和图像。表格可以分成行、列、单元格,使用 TABLE、TR、TD 等标签来定义...在上面的例子中,我们使用了 background 属性来设置表格的背景图片。

    表格设置table-layout:fixed后对单元格宽度设置无效

    在对HTML中的表格进行样式设置时,若使用了CSS的table-layout:fixed属性,则可能会遇到列宽设置无效的问题,尤其是当表格中存在跨列或多列合并的单元格时。这主要是因为当表格布局设置为固定时,表格的列宽不是由...

    表格单元格合并问题1

    接下来,我们讨论`width`和`height`属性在`table`、`tr`和`td`中的应用: - `table`中的`width`和`height`: - `width`设置的是表格的最大宽度,一旦内部内容的宽度超过此值,表格宽度不会增加。但若内部是图片,...

    jQuery选择没有colspan属性的td的代码

    在jQuery中选择没有colspan属性的td,可以使用选择器语法和filter()以及not()方法。在给出的文件中,提到了一个jQuery选择器$("#tableNametd:not([colspan])"),这行代码是用来选择具有特定id值的表格(假设为...

    HTML制作表格.ppt

    跨行跨列的表格可以使用ROWSPAN和COLSPAN属性来实现。例如: <TR> <TD colspan="3">学生成绩表</TD> </TR> <TR> <TD>英语</TD> <TD>数学</TD> <TD>语文</TD> </TR> <TR> <TD>95</TD> <TD>98</TD> <TD>...

    HTML制作表格PPT教案.pptx

    在这个例子中,我们设置了表格的宽度、高度、边框宽度和颜色,并对单元格进行了居中对齐。 通过掌握这些基本概念和技巧,你可以创建出满足需求的HTML表格,无论是在论坛、门户网站还是购物网站中,都能有效地组织和...

    CSS display属性的table表格布局

    CSS `display` 属性是CSS布局中的关键属性,它用于定义元素如何在页面上呈现。当设置为 `table` 相关值时,`display` 属性可以将元素转换为表格布局,使得我们可以利用表格的特性来组织内容,即使这些元素原本不是...

    使用HTML开发商业网站-td标签属性课件.pptx

    在实际开发中,学习`<td>`标签时,应特别关注`colspan`和`rowspan`属性,它们对于创建复杂的表格布局至关重要。其他属性如`width`、`height`、`align`、`valign`等虽然也可以使用,但现代网页设计更推荐使用CSS进行...

    html表格——表格合并.docx

    colspan 属性通常使用在 td 和 th 标签中。例如: ```html <tr> <th>xuexuexi.com</th> <th>SEO 学习 <th>SEM 技术 </tr> <tr> <td>SEM 技术</td> <td>网络营销学习</td> <td colspan="2">网络营销</td> ...

    html5怎么制作个人简历表格?.docx

    1.align 属性:align 属性用于设置表格中的内容对齐方式,它可以取三个值:left、right 和 center。例如:<td align="center">内容</td> 2.border 属性:border 属性用于设置表格的边框宽度和样式。例如: 3....

    html网页布局PPT教案.pptx

    3. 表格尺寸:`width`和`height`属性分别设置表格的宽度和高度,如`width="400" height="200"`。 4. 边框:`border`属性设置边框宽度,`bordercolor`设置边框颜色,如`border="15" bordercolor="red"`。 此外,还...

    HTML02表格和表单.ppt

    例如,要在表格中插入新行,可以在新行要出现的地方插入 TR 和 TD 标记。 四、删除行或列 要删除行或列,需要删除相应的 TR 和 TD 标记。 五、合并单元格 在 HTML 表格中,可以使用 COLSPAN 和 ROWSPAN 属性合并...

    html中table的表格样式

    对于复杂的表格布局,可以使用`<tr>`、`<td>`的`colspan`和`rowspan`属性来合并单元格。例如: ```html <tr> <td colspan="2">合并两列</td> </tr> <tr> <td rowspan="2">跨越两行</td> <td>普通单元格</td> </...

    [精选]HTML表格、框架-使用大全.ppt

    例如,要添加新行,只需在适当位置插入新的<TR>和<TD>组合;要添加新列,需要在每行的<TR>内部插入或<TD>。 表格的格式化涉及到多个方面。可以使用CSS样式或者HTML属性来改变表格的外观。例如,使用`border`属性...

Global site tag (gtag.js) - Google Analytics