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

【问题标题】：remove start and end spacing of text inside table cell删除表格单元格内文本的开始和结束间距
【发布时间】：2019-03-08 07:27:39
【问题描述】：

这是我的代码，

<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

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

【问题讨论】：

那么，你为什么要使用表格边框？你真的需要那个边框吗？只需读取边框。看看它的外观。

标签： css html-table spacing

【解决方案1】：

您看到的空间来自字体系列，而不是来自 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>

【讨论】：

正是我需要的！