zoukankan      html  css  js  c++  java
  • 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:"";

    同样可以解决问题。

  • 相关阅读:
    进阶学习项目实战链接
    Django与数据库操作
    xadmin的使用
    Django 常见的异常
    网站 安全 ---- 常见的 web 攻击
    nodejs--vue
    ECMAScript 6 简介
    Django -- DRF 认证流程
    Django -- 缓存
    Django --- celery异步任务与RabbitMQ模块
  • 原文地址:https://www.cnblogs.com/loveamyforever/p/6837271.html
Copyright © 2011-2022 走看看