table消除 td 之间的间距

原创 2016年05月30日 13:49:36

有两种方式可以实现

1.<table cellspacing="0">

2.css 的border-collapse:collapse样式

通过上面的方法可以实现这样的效果


具体的 css 代码

.dir{
    width: 400px;
    height: 150px;
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
    border-left: #eeeeee solid 1px;
    border-top:#eeeeee solid 1px;
    border-collapse:collapse;
}
.dir td{
    width:25%;
    border-right: #eeeeee solid 1px;
    border-bottom: #eeeeee solid 1px;
}

.dir th{
    width: 25%;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

table中tr间距的设定

table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动对齐); 并且在tr中对起设定padding是有用...
  • ncqqbesny
  • ncqqbesny
  • 2015年06月09日 15:04
  • 11430

HTML中<table>的属性 1.外间距和2.内间距(详解) (表格属性)

外间距 北京 上海 ...
  • Ameir_yang
  • Ameir_yang
  • 2017年03月06日 22:13
  • 11891

如何调整<td>... </td>内容的行间距

设置CELLPADDING (内文字与边框间距) 设置CELLSPACING (表格单元格间距)
  • wanghaoqian
  • wanghaoqian
  • 2017年10月10日 15:58
  • 371

table中tr间距的设定

table中tr间距的设定 问题提出: table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动...
  • leys123
  • leys123
  • 2015年06月08日 17:35
  • 7568

table中如何消除td间距

表格结构 html5制作表格时,只是简单的想要实现表格内有边框,结果出现了双边框和单元格独立(有间距)的问题table tr { font-size: 12px; }table...
  • qq_34893429
  • qq_34893429
  • 2017年03月01日 20:40
  • 736

HTML th或td之间如何消除空隙?

HTML th或td之间如何消除空隙?   去掉之间的间隔空隙,在
  • tfhui928
  • tfhui928
  • 2015年06月09日 10:04
  • 5576

table样式-行间距离

table { display: table;     border-collapse: separate; border-spacing:0px 2px; } table tr {back...
  • fengzhihen2007
  • fengzhihen2007
  • 2016年03月01日 13:48
  • 1262

table中设置tr行间距

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 值 描述 separate ...
  • itmyhome
  • itmyhome
  • 2016年01月08日 23:04
  • 49145

去掉html表格之table间的空隙

边线合并       body {     text-align: center;    }    table {     border-collapse:collapse;     border:1...
  • Truong
  • Truong
  • 2014年01月29日 14:43
  • 21649

table中设置tr行间距

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 值 描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 e...
  • sunqian_happy
  • sunqian_happy
  • 2016年01月09日 17:02
  • 4812
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:table消除 td 之间的间距
举报原因:
原因补充:

(最多只允许输入30个字)