没有边框的表格单元格之间的空格

我只想减小放入表格中的这两个图片之间的空间大小。我很抱歉，我知道这只是一个基本的HTML代码。请帮帮我。没有边框的表格单元格之间的空格

enter image description here

这是代码：

<table class="sample" width="200" border="0" cellpadding="1" cellspacing="1" > 
<tr> 
<td align="center" valign="center"> 
    <a href="#" ><img src="images/reception2.png" alt="" /></a> 
    </br> 
    SERVICES 
    </td> 

<td align="center" valign="center"> 
<a href="#"><img src="images/services2.png" alt="" /></a> 
    </br> 
    OFFERS 
</td> 
</tr> 
</table>

来源

2016-12-04 Sophie Busog-Consignado

请看上面的图片请有人帮我:( –

为什么你用'table'而不是'div''' div'比'table'好得多 –

很难没有看到你所使用的CSS指教。你可以尝试调整表格的宽度。

演示在这里：http://codepen.io/sol_b/pen/VmQGzr

您可以删除内联样式你的桌子上，然后在你的CSS的目标，就像这样：

.sample { 
    width: 200px; 
}

更改宽度的任何工作。

来源

2016-12-04 11:23:57 sol

谢谢你我会试试这个 –

我完全按照你告诉我的方式，但它没有做任何事情:( –

您可以使用CSS的margin属性。对于您的问题margin-right对于服务img和margin-left对于提供img是适当的解决方案。

尝试添加该代码片段：

<img src="images/reception2.png" alt="" style="margin-right: -25px"/> 

<img src="images/services2.png" alt="" style="margin-left: -25px"/>

此外，您可以更改号码范围，最终找到合适的数字。

来源

2016-12-04 11:39:23

这对我有效。非常感谢！ –

听起来不错！很高兴听到 –

没有边框的表格单元格之间的空格

回答

相关问题