使用表格html创建一个没有空格的网格

概述我正在尝试在html中构建一个网格,但我想删除我的单元格之间的空格,我找不到. <table id="gameGrid" cellspacing="0" > <tr class="gridRow" > <td class="box" ></td> <td class="box" ></td> <td class="box" ></td> 我正在尝试在HTML中构建一个网格,但我想删除我的单元格之间的空格,我找不到.

<table ID="gameGrID" cellspacing="0" >    <tr  >        <td  ></td>        <td  ></td>        <td  ></td>    </tr>    <tr  >        <td  ></td>        <td  ></td>        <td  ></td>    </tr>    <tr  >        <td  ></td>        <td  ></td>        <td  ></td>    </tr></table>

和CSS：

#gameGrID{border:1px solID black;border-collapse: collapse;padding:0;margin:0;border-spacing: 0;} #gameGrID .grIDRow{margin:0;padding:0;}#gameGrID .grIDRow .Box{margin:0;padding:0;background-color:green;height:16px;wIDth:16px;display:inline-block;}

一个例子：http://jsfiddle.net/sLG2D/1/

我看到这篇文章但没有任何作用
How to remove unwanted space between rows and columns in table?

解决方法 删除display：inline-block;来自#gameGrID .grIDRow .Box的规则.

jsFiddle example

总结

以上是内存溢出为你收集整理的使用表格html创建一个没有空格的网格全部内容，希望文章能够帮你解决使用表格html创建一个没有空格的网格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。