html - 表格 HTML/CSS 的列之间的间距

Question

我正在我的网站http://www.isaveplus.com上工作，我遇到了一个表格问题，在表格中的每个 col (td) 之间添加了一些空格。我的目标是让列相互接触，因为我希望背景颜色相互融合。下图将向您展示我所说的它们之间的空间是什么意思。

提前致谢！

 <table style="width:inherit; margin-left:-5px; margin-top:-5px; " cellspacing="0">
   <tr>
     <td class="searchBar" align="left" >
        <div id="ddtopmenubar" class="mattblackmenu" >
          <ul>
             <li><a  style="vertical-align:bottom;">Best of Coupons</a></li>
             <li>
                <a style="vertical-align:bottom;"> Best of Travel</a>
                <a style="vertical-align:bottom;">Grocery  stores</a>
             </li>
             <li><a style="vertical-align:bottom;">Office Supplies</a></li>
             <li><a style="vertical-align:bottom;"> Department <br /> stores </a></li>
             <li><a style="vertical-align:bottom;">Drug <br /> stores</a></li>
          </ul>
        </div>
      </td>
      <td class="searchBar" align="left">
           <asp:Button ID="whatIsIsavePlusButton" runat="server" onclick="whatIsIsavePlusButton_Click" style="color: #800000; font-weight: 700"     Text="?" Visible="False" />
      </td>
      <td class="searchBar" align="left">social media right here!</td>
    </tr>
  </table>

搜索栏的 css 是：

 .searchBar
     {
       background-color: #414141;
       color:White;
       width:auto; 
       margin:-5px;

       padding:0px;  

     }

Answer 1

您的代码在我的浏览器中显示的与您提供的图片不同。但本质上，我认为您要么想margin-right在 div ddtopmenubar 上放一个负数，要么border-left:1px solid white在以下 td 上放一个负数。可能有另一种方法可以做到这一点，但我认为那会奏效。

Answer 2

您的链接

<a style="vertical-align:bottom;">Best of Travel<a style="vertical-align:bottom;">Grocery  stores</a>  

有一个

border-right: 1px solid white

定义在

.mattblackmenu li a  

在那里你可以设置这些空白的宽度

Answer 3

你试过border-collapse房产吗？ http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse

border-collapse: collapse;