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

标签 html css html-table valign

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

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

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

最佳答案

虽然您可以这样做,但您不应该这样做。单词下边缘和底部边框之间有额外空间的原因是下部,即descenderyg 等的代码为: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/

关于html - 去掉文本和 td 边框之间的空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11567063/

相关文章:

html - <li> 总是需要嵌套在 <ul> 和 <ol> 之间吗?不是 <导航>

html - 覆盖内联 CSS 的媒体查询

html - 收集所有 Javascript、CSS 和图像以部署网站或应用程序?

javascript - 使用 Javascript 将 HTML + CSS 转换为 PDF

php - 我如何将值填充到表中,这些值是使用 PHP 从 mysql 数据库中获取的?

html - 我想显示我从下拉列表中选择的城市天气信息,我该如何管理它?

javascript - 如何通过 document.getElementById ("BtnID").click() 调用 onclick/button 按下效果

css - Chrome 设计中的自动完成列表

javascript - CSS 过渡和 JS 同时切换

php - 100% 宽度的表格行位于表格的中间