沒有邊框的表格單元格之間的空格

我只想減小放入表格中的這兩個圖片之間的空間大小。我很抱歉，我知道這只是一個基本的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

這對我有效。非常感謝！ –

聽起來不錯！很高興聽到 –

沒有邊框的表格單元格之間的空格

回答

相關問題