zoukankan      html  css  js  c++  java
  • 给tr整行加删除线的技巧

    给tr行,整行加删除线的html,用得着的,拿走。关键代码,有下划线部分

    <div style=" 550px; height: 100px; border:solid 1px orange;overflow:scroll">
    <table cellpadding="0" cellspacing="1" style="background-color:black;500px">
         
    <tbody>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white; overflow:visible;100px;">
                 
    <div style="position: relative; ">
                    
    <input type="checkbox" />
                    
    <div style=" 500px; position: absolute; top: 9px;border-bottom:solid 1px #000 ">
                 
    </div>
                 
    </div>
                 
    </td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>

             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
         
    </tbody>
    </table>

    </div> 

    cccc cccc
    cccc cccc
    cccc cccc
    cccc cccc
    cccc cccc
  • 相关阅读:
    使用npm安装包失败的解决办法(使用npm国内镜像介绍)
    JavaScript的变量、作用域和内存问题
    JavaScript的基本概念
    在Html中使用JavaScript
    JavaScript简介
    C++为了兼容,所以并不是纯面向对象编程语言
    C++四种不同的对象生存方式
    Java BigDecimal使用
    ext 对齐
    ext grid 子表格
  • 原文地址:https://www.cnblogs.com/itprogrammer/p/2177421.html
Copyright © 2011-2022 走看看