`

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.

相关推荐

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

    <td>标签属性 表格 属性名 含义 常用属性值 ...在<td>标签的属性中,重点掌握colspan和rolspan,其他的属性了解即可,不建议使用,均可用CSS样式属性替代。 当对某一个<td>标签应用height属性设置高度时,该

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

    代码如下:$(“#tableName td:not([colspan])”)下面是一些补充资料:filter()和not(): [removed] $(document).ready(function() { //输出 hello alert($(“p”).filter(“.selected”).html()); //输出 How ...

    表格单元格td设置宽度无效始终有内部的内容撑开

    td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面有个示例,大家可以参考下

    JSP+Struts+JSTL+EL新闻发布系统jsp

    2、栏目是无级分类的,您可以随意设置栏目,只要您能想到的,多少都可以:) 3、制作简单,由于本人以前曾经使用过动易网站管理系统,所以在功能方面向动易文章管理系统靠拢, 前台制作采用标签制,分为系统标签和...

    圆角表格代码

    <TD bgColor=#908a47 colSpan=2></TD> <TD bgColor=#f7f8f9></TD> <TD bgColor=#908a47 colSpan=2></TD> <TD></TD> </TR> <TR height=1> <TD></TD> <TD bgColor=#908a47></TD> <TD bgColor=#f7f8f9 ...

    html表格<table></table>

    &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td&gt; 第一行的单元格 &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

    登录页面html

    &lt;TD colSpan=4&gt;&nbsp;&lt;/TD&gt; &lt;/TR&gt; &lt;TR height=30&gt; &lt;TD width=380&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;/TR&gt; &lt;TR height=40&gt; &lt;TD rowSpan=4&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;用户名:...

    JavaScript Table行定位效果

    给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来...

    自适应PC手机端的C3 jQuery可编辑表格代码.zip

    代码片段: &lt;tr class="info"&gt; &lt;td&gt;姓名&lt;/td&gt; ...&lt;td&gt;性别&lt;/td&gt; ...&lt;td&gt;年龄&lt;/td&gt; ...&lt;td&gt;电话&lt;/td&gt; ...&lt;td&gt;操作&lt;/td&gt; ...&lt;/tr&gt; ...&lt;td colspan="5" class="danger"&gt;增加&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

    jsp代码问题

    checked="checked"/&gt;宋朝&lt;/td&gt;&lt;td&gt;唐朝"/&gt;唐朝&lt;/td&gt;&lt;td&gt;明朝"/&gt;明朝&lt;/td&gt;&lt;td&gt;元朝"/&gt;元朝&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt; &lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;题目2:&lt;/td&gt;&lt;td colSpan="3"&gt;字母a后边的字母为&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;...

    00:asp-DataGrid 表头跨行跨列.pdf

    "投入数&lt;/td&gt;&lt;td colspan=4 align=center valign=middle&gt;完成机头数&lt;/td&gt;&lt;td colspan=4 align=center valign=middle&gt;包装数&lt;/td&gt;&lt;td colspan=4 align=center valign=middle&gt;入库数&lt;/td&gt;&lt;td rowspan=2&gt;待入库&lt;/td&gt;&lt;td...

    通过jquery还原含有rowspan、colspan的table的实现方法

    则给当前的td的父元素的兄弟元素添加td,如果td的colspan属性值大于1,则在当前的td元素后添加td 代码如下: //本文首发博客园:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $(“tr”,...

    HTML表格标记教程(35):跨列属性COLSPAN

    在复杂的表格结构中,有的单元格在垂直方向上是跨多个单元格的,这就需要使用跨列属性COLSPAN。基本语法&lt;TD COLSPAN=VALUE&gt;语法解释VALUE代表单元格跨的列数。文件范例:10-33.htm通过COLSPAN属性实现跨列的单元格。...

    JSP图书管理系统

    tushu是本书最一章的综合案例程序,在运行前请正确配置JDK和Tomcat,然后再复制tushu文件夹到Tomcat的webapps\examples 文件夹下即可。 本项目仅用于学习目的。读者若对项目有问题 请和我一起交流: ;charset=gb...

    轮播服装饰品鞋帽美容护肤皮具包 免费淘宝装修模板

    文字向上滚动,双击在框内写文字,千万不要拉动或删除这个框哦~&lt;/MARQUEE&gt;&lt;/TD&gt; &lt;TD colSpan=5&gt;&lt;img height=44 alt="" src="http://img01.taobaocdn.com/imgextra/i1/T2BsxLXb8aXXXXXXXX-712306726.jpg" width=390&gt;...

    asp.net简单程序

    &lt;td colspan="2" style="height: 23px"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2" style="height: 23px"&gt; &lt;strong&gt;&lt;span style="font-size: 14pt; color: #0000cc"&gt;请留下你宝贵的观点,有你支持我们将做的更好!...

    eWeb editor编辑器文件

    eWeb editor编辑器文件,说明,使用方法:将解压后的editor文件夹拷贝到项目根目录下,在需要的页面中加入以下内容: &lt;tr&gt; &lt;td align="right" valign="top"&gt; 办事内容:&lt;/font&gt;&lt;/td&gt; &lt;td&gt; ;style...

    在线网上航空订票系统

    &lt;td colspan="2"&gt;用户登录&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2"&gt;&lt;div align="center"&gt;&nbsp;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="150"&gt;用户名:&lt;/div&gt;&lt;/td&gt; &lt;td width="250"&gt; &lt;/label&gt;&lt;/td&gt; &lt;/tr&gt; ...

Global site tag (gtag.js) - Google Analytics