html - 围绕 div 边缘和内容之间的差距的优雅方式

标签 html css

this fiddle ,在大多数浏览器中,链接的背景和#content div 的背景之间存在 1px 的间隙,在大多数缩放级别(不知道为什么缩放似乎会影响它)。这似乎是因为包含链接的 div 在顶部和底部比链接本身多占用了一个像素。

我可以通过给它一个负边距底部来以一种 hacky 的方式修复它,但我想要一个更优雅的跨浏览器解决方案。有什么想法吗?

最佳答案

向链接添加 1px 的内边距以弥补差距。

如果您出于某种原因不喜欢/不能这样做,增加 line-height 也可能会解决它。

关于html - 围绕 div 边缘和内容之间的差距的优雅方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6454192/

相关文章:

javascript - 单击链接时显示内容

jquery - 如何在点击时切换变换过渡?

html - 顶部有白色边框

php - 选择时是否会出现某些标准?

html - 内容更改时调整 iframe (appetize.io) 的大小(跨域)

html - 如何使菜单切换器在 PrimeNg 中消失

javascript - 使用选项卡名称而不是选项卡 ID 自动选择 HTML 按钮上的选项卡单击

javascript 事件函数 - 在声明之前调用

.net - 两个服务器控件具有相同 ID 时出错

css - 在 Codepen.io 中运行 LESS