tr的display属性出现td的colspan无效问题

http://www.aichengxu.com/other/9262680.htm

今天在做项目的时候发现用javascript控制 tr 的显示隐藏时，当把tr的显示由“display:none”改为“display:block”时，该tr下的td内容合并到了第一个td里，

将原有数据删除后只填写一个<td>111</td>时也会出现这种情况，猜测不是td中代码的问题。

若在tr上直接写上样式：display:block时会发现布局正常，colspan起了作用，但是只要一使用js控制时就会出现合并问题，因此猜测是js导致合并问题的出现，

也就是说，原先在td中设置的colspan属性无效了。

由于display属性设置为空时，默认为显示，将“display:block”改为“display:''” 即可。

搜索网上资料时发现设置为

display:;

时不起作用，改为“display:table-row ” 好用。

如果将display属性设置为空时，应写成如下形式：

display:'';
display:"";

同样可以解决问题。

转载于:https://www.cnblogs.com/loveamyforever/p/6837271.html

tr的display属性出现td的colspan无效问题相关推荐

CSS display 属性
定义和用法 display 属性规定元素应该生成的框的类型. 说明这个属性用于定义建立布局时元素生成的显示框类型.对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 ...
深入理解display属性
前面的话 display属性在网页布局中非常常见,但经常用到的仅仅是block.inline-block.inline和none等寥寥几个属性值,本文将详细介绍display属性的各个方面定义 di ...
CSS BOX类型和display属性
BOX类型会影响呈现和布局, 基本的BOX类型有两种: 块级(block-level)和行内级(inline-level). 事实上还有其他类型的BOX(如table, list-item等), 不过 ...
css中的display属性值：table，table-row，table-cell
table:此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符. table-row:此元素会作为一个表格行显示(类似 <tr>). table-cell: ...
CSS display属性的值及作用
display 的属性值有:none|inline|block|inline-block|list-item|run-in|table|inline-table|table-row-group|tab ...
CSS 属性篇(七)：Display属性
一.display属性介绍 display 属性规定元素应该生成的框的类型. 以下是一些关于display比较常用的属性值: 值描述 none 元素不会显示 block 此元素将显示为块级元素,此元 ...
CSS overflow属性与display属性
overflow属性: visible 默认值.内容不会被修剪,会呈现在元素框之外. hidden 内容会被修剪,并且其余内容是不可见的. scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其 ...
HTML中td的colspan和rowspan
1.td的colspan属性表示单元格所占的列数. 2.td的rowspan属性表示单元格所占的行数. <body><table border="15px" al ...
【CSS 定位之 display 属性】
CSS 定位之 display 属性 1. display 属性: 设置元素的显示类型 / 框的类型 (元素和子元素的布局) ⑴ 设置元素的显示类型 ( 框的类型 ) ⑵ 元素的显示类型 ⑶ 显 ...

tr的display属性出现td的colspan无效问题

tr的display属性出现td的colspan无效问题相关推荐

最新文章

热门文章