爱学记
您现在的位置是：首页 >

table单元格间距怎么设置 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例

火烧 2023-02-04 18:50:44 1034
用j 实现ta le单元格高宽调整,兼容合并单元格 兼容IE6、7、8、FF 实例 　　先上效果图　　　　CSS:复制代码 代码如下: ody{margi : x addi g: x moz u er

用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例  

table单元格间距怎么设置 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例

　　先上效果图

　　

　　CSS:

复制代码 代码如下: body{margin: px;padding: px; moz user select:none;cursor:default;}

　　 tabEditDiv{position:absolute;width: px;height: px;cursor:pointer;} seltab{position:absolute;width: px;height: px;cursor:pointer;background:url(images/seltab gif) no repeat;} splitx{overflow:hidden;position:absolute;height: px;cursor:row resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ; } splity{overflow:hidden;position:absolute;width: px;cursor:col resize;background:red !important;filter:Alpha(opacity= ); moz opacity: ;opacity: ;} #tabletitle{font weight:bold;font size: px;height: px;width: px;margin: auto;text align:center;font family:宋体;line height: px;} #tabletitle input{width: %;border: px;height: px;line height: px;text align:center;font weight:bold;font size: px;font family:宋体;} finelinetable{border right: px solid # ;border top: px solid # ;border collapse:collapse;font size: px;width: px;margin: auto;} finelinetable td{border left: px solid # ;border bottom: px solid # ;height: px;}

　　HTML:

复制代码="finelinetable page_speeder_1466823030 page_speeder_1466823030 page_speeder_1466823030 page_speeder_1466823030"> 代码如下: <body> <div id="tabletitle">表格标题</div> <table id="mainTable" > <tr> <td colspan=" "> </td> </tr> <tr> <td rowspan=" "> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td colspan=" "> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td colspan=" "> </td> </tr> <tr> <td rowspan=" "> </td> <td> </td> <td colspan=" "> </td> <td> </td> <td colspan=" "> </td> </tr> <tr> <td> </td> <td colspan=" "> </td> <td> </td> <td colspan=" "> </td> </tr> <tr> <td > </td> <td colspan=" " > </td> <td > </td> <td colspan=" " > </td> </tr> <tr> <td> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> <tr> <td colspan=" "> </td> <td colspan=" "> </td> </tr> </table> </body>

　　JS:

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20660  
很赞哦！ (1034)

相关文章

永远跟党走
  • 注册

  • 如果你觉得本站很棒，可以通过扫码支付打赏哦！

    • 微信收款码
    • 支付宝收款码