zoukankan      html  css  js  c++  java
  • HTML表格无空隙嵌套方法

    问:border=1的情况下,表格嵌套怎样才能一点缝隙没有,让外层td的线和里面table的线完全重合?

    答:
    不能重合

    一般做1像素表格有三种方案

    一种是使用背景色法,利用表格间距来冒充边框
    <table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
    <tr bgcolor="#FFFFFF">
    <td>fdf</td>
    <td>fdfd</td>
    </tr>
    </table>


    一种是图片法,这种挺灵活的,不用举例吧,咋搞都有理,但表格配合图片制作起来挺麻烦

    一种是样式法,这种更灵活,还好用
    <table width="200" border="0" cellpadding="0" cellspacing="0" style="border:#FF0000 solid 1px">
    <tr>
    <td style="border-right:#FF0000 solid 1px"></td>
    <td></td>
    </tr>
    </table>

    其它方法也不是没有,会比较麻烦

    似乎我理解错了,你要使表格部边间隙为0
    cellpadding="0",这个就是表格的内距,学名叫填充,指的就是格与内容的距离,它是在表格上定义的,定义整个表格的

    如果想单独定义某单元格,可以使用样式<td style="padding:0px">

    一种是实现1像素边框表格,一种是减少内距,两种方法结合一起就可以实现你要的效果了
  • 相关阅读:
    MVC路由测试
    关于Dapper的使用笔记3
    关于Dapper的使用笔记2
    关于Dapper的使用笔记1
    关于WCF与Autofac的整合
    js获取页面元素距离浏览器工作区顶端的距离
    document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
    js实现获取对象key名
    微信小程序分包跳转主包页面
    js禁止页面滚动
  • 原文地址:https://www.cnblogs.com/cm186man/p/1127144.html
Copyright © 2011-2022 走看看