如何刪除td元素中的單元格內容中的文本週圍的額外空間？

Question

我在td中有一些文字，但不知何故文本的左側和右側有額外的空間。我試過把padding改爲0，它沒有工作，但是用圖片把padding 0的作品。我集中了文本。以下是圖像：

所以，我希望TD是剛剛夠大，以適應「嗶嗶」的文字。

Answer 1

試着把你的文字放在td裏面。

Answer 2

這是因爲沒有任何填充或文本的邊距，通常是覆蓋表格寬度的td拉伸，如果你讓table width =「auto」的問題就解決了。

table{ 
 
    width:auto 
 
} 
 
table td{ 
 
    border:1px solid #000; 
 
    text-align:center; 
 
}

<table> 
 
    <tr> 
 
    <td>dummy text</td> 
 
    <td>beep beep</td> 
 
    </tr> 
 
</table>