表格单元格之间删除空格

我有下面的标记表格单元格之间删除空格

 <div class="dc2-search-form"> 
       <table width="100%"> 
        <tbody> 
         <tr> 
          <td> 
           <div class="search-form-label"> 
            <span id="StreetAddress_Label">Address</span> 
           </div><br> 
           <input style="height: 10px; width:80px" tabindex="0" 
           type="text" value=""> 
          </td> 
          <td> 
           <div class="search-form-label"> 
            <span id="Sales_Cycle_Label">Sales 
            Cycle</span> 
           </div><br> 
           <input style="height: 10px; width: 80px;" tabindex="0" type="text" value=""> 
          </td> 
         </tr> 
        </tbody> 
       </table>

而且下面的CSS

.dc2-search-form { 
overflow-x: scroll; 
} 
.dc2-search-form table {border-collapse:collapse;border-spacing:0;border:0} 
.dc2-search-form .search-form-label{font-size:13px;background-color:#BFBFBF;padding:10px 0 10px 1px; border-top:1px solid black;border-bottom:1px solid black;} 
.dc2-search-form table select,input{height:10px;font-size:10px;padding:2px;}

这里是jsfiddle参考

它给了我所需要的输出，除了在表格单元之间留出一点点空间。我需要使跨度div显示为顶部和底部的边界无缝的一行，但我能够完成那个空间。

如何去除它们之间的空间。

来源

2014-01-09 Neel

应用没有填充到您的表格单元格：

.dc2-search-form table td{padding:0}

JSFiddle

来源

2014-01-09 14:31:54 George

感谢，但所有的答案工作，但这似乎更好 – Neel

CSS是* *通常走（路： - 很高兴能有帮助。 – George

添加cellspacing=0 cellpadding=0您table

update fiddle

<table width="100%" cellspacing=0 cellpadding=0>

来源

2014-01-09 14:31:49 NoobEditor

尝试的cellpadding和CELLSPACING设置为0，这样的：

<table cellpadding='0' cellspacing='0'> 
    ...stuff... 
</table>

来源

2014-01-09 14:31:57 techouse

表格单元格之间删除空格

回答

相关问题