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

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

Answer 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>

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

1 个答案: