html - 去掉文本和 td 边框之间的空格

Question

我有一个 <td>有 valign="bottom" td 中包含的文本有 font-size:100px .

如何去掉 <td> 中文本和边框之间的空格？ .

请在此处找到示例代码 http://jsfiddle.net/jM8JC/1/

Answer 1

虽然您可以这样做，但您不应该这样做。单词下边缘和底部边框之间有额外空间的原因是下部，即descender。 y、g 等的代码为:http://jsfiddle.net/davidThomas/jM8JC/17/ (在这个演示中，我将 line-height 设置为 1(无单位)，这将 y 的底部边缘放在较低的位置边框。

调整 line-height to 0.65将单词 test 的下边缘放在底部边框上，但这是一个相当随意的测量，并且取决于所使用的 font-size，并且可能还取决于特定的浏览器.

如果您添加 overflow: hidden，您还可以隐藏 y 的下降部分，如果您愿意的话:http://jsfiddle.net/davidThomas/jM8JC/25/