表格單元格之間刪除空格

我有下面的標記表格單元格之間刪除空格

 <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

表格單元格之間刪除空格

回答

相關問題