為什么我的右邊有這么多空間？

Question

我正在嘗試將圖標圖像放在聯系電話號碼的左側，並且圖像和文本彼此相鄰。 該圖像在其右側顯示了額外的空間，我不知道如何修復它。 我試過指定寬度和填充，但似乎都不起作用。 在此處輸入圖像描述

<td colspan="5" style="padding-top: 10px; font-size: 22px; letter-spacing: 2px; font-family:montserrat;">BEN CHADWICK</td>

ECL 能源總監 0438 634 206 www.eclenergy.com.au

Answer 1

如果不使用圖標和電話號碼之間的表格分隔符，您能否獲得所需的結果？ 例如：

<td> <img src="https://i.ibb.co/PzpsRtW/PHONE-email-signature.png" alt="phone number" width="28"> 0438 634 206</td>

Answer 2

嘗試在同一個標簽中添加圖像和電話號碼。

喜歡，

 <td><img src="https://i.ibb.co/PzpsRtW/PHONE-email-signature.png" width="20px" height="20px"> 0438 634 206</td>

如果您想要圖像右側的邊框，您可以使用

border-right: /*desired border*/;

在您的 css 中。

Answer 3

嘗試將此內聯添加到您的元素中：

<td style="text-align:center;">

或者您可以編輯您的 css 文件（如果有的話）：

td {
    text-align: center;
}