删除 table 单元格内文本的开始和结束间距

Question

这是我的代码，

<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td style="font-size:180px;text-align:center;
      display:inline-block;">O</td>
  </tr>
</table>

Fiddle Link

我有一个 table 单元格，里面有一个字符 O .
如您所见，字符的开头和结尾之间有空格（单元格的左边框和 O 之间，单元格的右边框和 O 之间。
我只想删除它。我希望字符 O 触摸单元格的左右边框。
我尝试通过调整单元格宽度，使用 display:block 作为单元格样式。
但不幸的是，这些都不起作用。

Answer 1

您看到的 space 是字体系列，而不是 html 元素。如果你想达到你想要的结果，你可以应用一些负边距并得到如下结果。

table {
border:1px solid #000;
}
.zero {
font-size:180px;
text-align:center;
display:inline-block;
margin-right:-7px;
margin-left:-7px;
}

<table border="0" cellpadding="0" cellspacing="0">
<tr>
  <td class="zero">O</td>
</tr>
</table>

删除 table 单元格内文本的开始和结束间距

remove start and end spacing of text inside table cell

css

html-table

spacing